.specular-button{--sb-radius:0px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#eaeaea;letter-spacing:.01em;text-align:center;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;font-family:inherit;font-weight:400;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,transform .15s;display:inline-flex;position:relative}.specular-button:active{transform:scale(.98)}.specular-button:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px}.specular-button:disabled,.specular-button[aria-disabled=true]{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button[data-variant=primary]:hover{background-color:var(--color-lime)}.specular-button[data-variant=secondary]:hover{color:var(--color-paper)}.specular-button--sm{font-size:var(--text-caption);padding:8px 13px}.specular-button--md{font-size:var(--text-body-sm);padding:13px 26px}.specular-button--lg{font-size:var(--text-body);padding:13px 32px}.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:8px;display:inline-flex;position:relative}.specular-button__label svg{flex-shrink:0;transition:transform .2s}.specular-button--sm .specular-button__label svg{width:14px;height:14px}.specular-button--md .specular-button__label svg{width:16px;height:16px}.specular-button--lg .specular-button__label svg{width:18px;height:18px}.specular-button[data-icon-shift=x]:hover .specular-button__label svg{transform:translate(3px)}.specular-button[data-icon-shift=y]:hover .specular-button__label svg{transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.specular-button__label svg{transition:none}.specular-button[data-icon-shift]:hover .specular-button__label svg{transform:none}}