.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;display:inline-flex}.btn:not(:disabled):active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{height:40px;padding:0 var(--space-2);font-size:var(--text-sm)}.btn--md{height:40px;padding:0 var(--space-3)}.btn--lg{height:44px;padding:0 var(--space-4);font-size:var(--text-md)}.btn--icon{width:40px;height:40px;padding:0}.btn--primary{background:var(--color-primary);color:var(--color-primary-fg)}.btn--primary:not(:disabled):hover{background:var(--color-primary-hover)}.btn--primary:not(:disabled):active{background:var(--color-primary-active)}.btn--ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn--ghost:not(:disabled):hover{background:var(--color-bg-subtle);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn--secondary:not(:disabled):hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.btn--danger{background:color-mix(in srgb, var(--color-error) 72%, #000);color:#fff}.btn--danger:not(:disabled):hover{background:color-mix(in srgb, var(--color-error) 62%, #000)}.btn--warning{background:var(--color-warning);color:#fff}.btn--success{background:color-mix(in srgb, var(--color-success) 62%, #000);color:#fff}.btn--success:not(:disabled):hover{background:color-mix(in srgb, var(--color-success) 52%, #000)}.btn--info{background:color-mix(in srgb, var(--color-info) 70%, #000);color:#fff}.btn--info:not(:disabled):hover{background:color-mix(in srgb, var(--color-info) 60%, #000)}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:999px;width:14px;height:14px;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}