.btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--md{font-size:var(--text-sm);padding:8px 16px}.btn--sm{font-size:var(--text-xs);padding:5px 11px}.btn--primary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn--primary:not(:disabled):hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:not(:disabled):hover{background:var(--color-surface-alt);border-color:var(--color-text-muted)}.btn--danger{background:var(--color-danger-bg);color:#dc2626;border-color:var(--color-danger-border)}.btn--danger:not(:disabled):hover{background:#fecaca}.btn--success{background:var(--color-success-bg);color:#16a34a;border-color:var(--color-success-border)}.btn--success:not(:disabled):hover{background:#bbf7d0}.btn--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn--ghost:not(:disabled):hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}