.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;--sb-hover-bg:#c6387f;--sb-hover-opacity:.9;letter-spacing:.01em;color:var(--sb-text-color);background-color: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;margin:0;font-family:inherit;font-weight:500;line-height:1;text-decoration:none;transition:transform .15s,background-color .3s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040}.specular-button:hover:not(:disabled){background-color:color-mix(in srgb, var(--sb-hover-bg) calc(var(--sb-hover-opacity) * 100%), transparent)}.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,.specular-button[aria-disabled=true]{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1rem}.specular-button--icon{border-radius:9999px}.specular-button--icon.specular-button--sm{width:40px;height:40px;padding:0}.specular-button--icon.specular-button--md{width:48px;height:48px;padding:0}.specular-button--icon.specular-button--lg{width:56px;height:56px;padding:0}.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;text-transform:uppercase;letter-spacing:.06em;position:relative}