.btn{text-align:center;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;transition:background .12s,border-color .12s,opacity .12s,color .12s;display:flex}.btn__loader{flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite btn-spin}.btn svg{flex-shrink:0;width:14px;height:14px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.fill{width:100%}.btn--primary{background:var(--color-primary);color:#fff;border:1px solid #0000}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-primary-light)}.btn--danger{background:var(--color-danger);color:#fff;border:1px solid #0000}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--success{background:var(--color-success);color:#fff;border:1px solid #0000}.btn--success:hover:not(:disabled){background:#15803d}.btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-text)}.btn--sm{padding:6px 12px;font-size:12px}.btn--xs{border-radius:var(--radius-sm);padding:4px 9px;font-size:11px}.btn--xl{padding:12px 16px;font-size:13px}.btn--danger-text{color:var(--color-danger)!important}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}