/* ==========================================================================
   PULSANTI E LINK (prototipo: style.css righe 88-109, 780-782)
   ========================================================================== */

.sb-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: 36px; }
.sb-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 28px;
  border-radius: 999px;
  font-weight: 600; font-size: .98rem; text-decoration: none;
  font-variation-settings: "wdth" 100;
  transition: background-color .2s, color .2s, border-color .2s;
}
.sb-btn--gold { background: var(--sb-gold-lt); color: var(--sb-space-0); }
.sb-btn--gold:hover { background: var(--sb-gold-hover); }
.sb-btn--ghost { border: 1px solid var(--sb-ghost-line); color: var(--sb-text); }
.sb-btn--ghost:hover { border-color: var(--sb-gold-lt); color: var(--sb-gold-lt); }
.sb-link {
  display: inline-block; margin-top: 18px;
  font-weight: 600; font-size: .98rem; text-decoration: none;
  border-bottom: 1px solid var(--sb-gold);
  padding-bottom: 3px;
}
.sb-link:hover { color: var(--sb-gold-lt); }
.sb-actions .sb-link { margin-top: 0; }

.sb-light .sb-btn--ghost { border-color: var(--sb-ghost-line-ink); color: var(--sb-ink); }
.sb-light .sb-btn--ghost:hover, .sb-light .sb-link:hover { border-color: var(--sb-gold-dk); color: var(--sb-gold-dk); }
