.btn{--btn-gradient-from:var(--gradient-from);--btn-gradient-to:var(--gradient-to);--btn-outline-border:var(--border-primary);--btn-outline-color:var(--text-secondary);--btn-ghost-color:var(--accent);--btn-radius:var(--radius-button);--btn-font-size:var(--text-base);--btn-font-weight:600;--btn-padding-y:var(--space-3);--btn-padding-x:var(--space-5);--btn-gap:var(--space-2);--btn-spinner-size:16px;--btn-disabled-opacity:.5;justify-content:center;align-items:center;gap:var(--btn-gap);padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);transition:transform var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed}.btn-full{width:100%}.btn-sm{--btn-font-size:var(--text-sm);--btn-padding-y:var(--space-2);--btn-padding-x:var(--space-3);--btn-spinner-size:12px}.btn-lg{--btn-font-size:var(--text-md);--btn-padding-y:var(--space-4);--btn-padding-x:var(--space-6);--btn-spinner-size:18px}.btn-gradient{background:linear-gradient(135deg, var(--btn-gradient-from), var(--btn-gradient-to));color:#fff}.btn-outline{color:var(--btn-outline-color);border:1px solid var(--btn-outline-border);background:0 0}.btn-ghost{color:var(--btn-ghost-color);padding:var(--space-2) var(--space-3);background:0 0}.btn-spinner{width:var(--btn-spinner-size);height:var(--btn-spinner-size);border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:.6s linear infinite btn-spin}.btn-outline .btn-spinner{border-color:var(--btn-outline-border);border-top-color:var(--btn-ghost-color)}.btn-ghost .btn-spinner{border-color:var(--border-primary);border-top-color:var(--btn-ghost-color)}@keyframes btn-spin{to{transform:rotate(360deg)}}