.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.btn-content{align-items:center;gap:.5rem;display:inline-flex}.btn-content-hidden{visibility:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-yellow);color:var(--text-primary);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--brand-yellow-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:.9375rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-icon{align-items:center;display:flex}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;margin:auto;animation:.8s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}