.specular-button{--sb-radius:999px;--sb-tint:var(--accent);--sb-tint-opacity:1;--sb-blur:0px;--sb-text-color:var(--bg);font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;margin:0;font-weight:500;line-height:1;transition:transform .2s;display:inline-flex;position:relative}.specular-button:hover{transform:scale(1.03)}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.45;cursor:default}.specular-button:disabled:hover,.specular-button:disabled:active{transform:none}.specular-button--sm{min-height:40px;padding:10px 20px;font-size:.85rem}.specular-button--md{min-height:44px;padding:12px 22px;font-size:.9rem}.specular-button--lg{min-height:52px;padding:16px 32px;font-size:1rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;align-items:center;gap:.5rem;display:inline-flex;position:relative}@media (prefers-reduced-motion:reduce){.specular-button{transition:none}.specular-button:hover,.specular-button:active{transform:none}}