.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 22px; border-radius: 999px;
  border: 1px solid transparent; font-weight: 800; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn--gold { background: var(--wasla-gold); color: var(--wasla-burgundy-950); box-shadow: 0 10px 30px rgba(201,154,75,.26); }
.btn--ghost { border-color: rgba(255,248,239,.34); color: var(--text-on-dark); background: rgba(255,255,255,.05); }
.btn--light { background: var(--wasla-ivory); color: var(--wasla-burgundy-900); }
.btn--outline-dark { border-color: rgba(74,16,25,.22); color: var(--wasla-burgundy-800); background: transparent; }
.btn--outline-dark:hover { border-color: var(--wasla-burgundy-700); background: rgba(83,17,29,.05); }