/* VOLTA buttons */

.btn { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; border-radius: var(--radius-sm); transition: background var(--dur) var(--ease), transform var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.btn--gold { padding: 12px 22px; background: var(--accent-gold); color: var(--brand-midnight); font-weight: 700; }
.btn--gold:hover { background: var(--accent-gold-hover); }
.btn--gold:active { transform: scale(0.98); }
.btn--navy { padding: 10px 16px; background: var(--brand-midnight); color: var(--text-on-dark); }
.btn--navy:hover { background: var(--brand-navy); }
.btn--ghost-light { padding: 12px 22px; border: 1px solid rgba(255,255,255,0.35); color: var(--text-on-dark); }
.btn--ghost-light:hover { background: rgba(255,255,255,0.08); }
.btn--outline { padding: 8px 16px; border: 1px solid var(--border); color: var(--text); background: var(--surface); }
.btn--outline:hover { border-color: var(--brand-steel); color: var(--brand-steel); }
.btn--sm { padding: 8px 14px; font-size: 13px; }
.btn--xs { padding: 6px 12px; font-size: 12px; }