.btn{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-small{border-radius:10px;padding:.5rem 1rem;font-size:.875rem}.btn-medium{padding:.75rem 1.5rem;font-size:1rem}.btn-large{border-radius:14px;padding:1rem 2rem;font-size:1.125rem}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #4f46e540}.btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4f46e54d}.btn-secondary{color:var(--color-foreground);background:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff14);border-color:#0000}.btn-secondary:hover:not(:disabled){background:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1f);transform:translateY(-2px)}.btn-outline{color:var(--color-foreground);border-color:var(--color-border);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--lightningcss-light,#00000008)var(--lightningcss-dark,#ffffff0d)}.btn-ghost{color:var(--color-foreground);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--color-primary);background:var(--lightningcss-light,#4f46e514)var(--lightningcss-dark,#4f46e526)}.btn-icon{align-items:center;transition:transform .3s;display:inline-flex}.btn:hover:not(:disabled) .btn-icon{transform:translate(2px)}.btn .btn-icon svg{width:18px;height:18px}.btn-small .btn-icon svg{width:16px;height:16px}.btn-large .btn-icon svg{width:20px;height:20px}