.spx-btn{--_h:30px;--_px:12px;--_fs:var(--text-sm);isolation:isolate;justify-content:center;align-items:center;gap:var(--space-2);height:var(--_h);padding-inline:var(--_px);font-family:var(--font-sans);font-size:var(--_fs);font-weight:var(--weight-medium);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-full);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:.5px solid #0000;flex:none;line-height:1;display:inline-flex;position:relative;overflow:hidden}.spx-btn:focus-visible{box-shadow:0 0 0 3.5px var(--focus-ring);outline:none}.spx-btn:active{transform:translateY(.5px)scale(.992)}.spx-btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.spx-btn__label{z-index:1;align-items:center;gap:inherit;display:inline-flex;position:relative}.spx-btn :where(svg){flex:none;width:16px;height:16px}.spx-btn--sm{--_h:24px;--_px:9px;--_fs:var(--text-xs)}.spx-btn--lg{--_h:38px;--_px:18px;--_fs:var(--text-base)}.spx-btn--icon{--_px:0;width:var(--_h)}.spx-btn:not(.spx-btn--primary):not(.spx-btn--outline):not(.spx-btn--ghost):not(.spx-btn--destructive){border-color:var(--border)}.spx-btn:not(.spx-btn--primary):not(.spx-btn--outline):not(.spx-btn--ghost):not(.spx-btn--destructive):hover{background:var(--state-hover);border-color:var(--border-strong)}.spx-btn--primary{background:var(--ink);color:var(--text-on-ink);box-shadow:inset 0 .5px 0 0 oklch(100% 0 0/.22), 0 1px 2px oklch(0% 0 0/.16), 0 6px 16px var(--glow-underglow);border-color:#0000}.spx-btn--primary:after{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle at center, var(--glow-light) 0%, oklch(82% .15 205/0) 60%);opacity:.16;pointer-events:none;width:165%;transition:opacity var(--dur-base) var(--ease-out), bottom var(--dur-slow) var(--ease-out), width var(--dur-slow) var(--ease-out);border-radius:50%;position:absolute;bottom:-78%;left:50%;translate:-50%}.spx-btn--primary:hover{background:var(--ink-hover);box-shadow:inset 0 .5px 0 0 oklch(100% 0 0/.28), 0 1px 2px oklch(0% 0 0/.18), 0 12px 30px var(--glow-underglow)}.spx-btn--primary:hover:after,.spx-btn--primary.spx-btn--glow:after,.spx-btn--primary:focus-visible:after{opacity:.95;width:185%;bottom:-42%}.spx-btn--outline{color:var(--text);background:var(--glass-tint);-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6);border-color:var(--glass-border);box-shadow:var(--glass-rim), var(--shadow-sm)}.spx-btn--outline:hover{border-color:var(--glow-rim)}.spx-btn--ghost{color:var(--text-secondary)}.spx-btn--ghost:hover{background:var(--state-hover);color:var(--text)}.spx-btn--destructive{background:var(--danger);color:oklch(99% 0 0)}.spx-btn--destructive:hover{box-shadow:0 8px 20px oklch(58% .2 25/.3)}