/* Header PRO pill — Figma 601-4900 (guest) / 601-4785 (member): 153×27, radius 184, dark #333 under a pink
   gradient texture, hairline white→transparent border, "PRO" badge white 70% radius 82, Assistant Bold. */
.ssp-hcta {
  display: inline-flex; align-items: center; gap: .4em;
  padding: .55em 1.1em; border-radius: 999px;
  background: #333 linear-gradient(100deg, #e9d6f4 0%, #efd9ec 45%, #f6dce0 100%);
  border: 1px solid transparent;
  background-clip: padding-box;
  position: relative;
  color: #1c1f2e; font-family: "Assistant", sans-serif; font-weight: 700; font-size: clamp(.75rem, .9vw, .8rem); line-height: 1;
  text-decoration: none; white-space: nowrap;
  transition: filter .15s, transform .15s;
}
.ssp-hcta::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; z-index: -1;
  background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0) 70%);
}
.ssp-hcta:hover, .ssp-hcta:focus-visible { color: #1c1f2e; text-decoration: none; filter: brightness(1.04); transform: translateY(-1px); }
.ssp-hcta__badge {
  display: inline-block; padding: .1em .5em; border-radius: 999px;
  background: rgba(255,255,255,.7); color: #363636; font-size: .85em; font-weight: 700; letter-spacing: .02em;
}
.ssp-hcta__text { letter-spacing: -.02em; }

/* header.php slots: desktop .subscribe-user_logged, mobile .navbar-login-block */
.header-actions .ssp-hcta { margin-inline-end: .75rem; }
.navbar-login-block .ssp-hcta { margin: 0; }
@media (max-width: 767.98px) { .ssp-hcta { font-size: .8rem; padding: .5em 1em; } }