.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);margin:0;font-family:inherit;font-weight:500;letter-spacing:.01em;line-height:1;color:var(--sb-text-color);text-decoration:none;background:color-mix(in srgb,var(--sb-tint) calc(var(--sb-tint-opacity) * 100%),transparent);border-radius:var(--sb-radius);backdrop-filter:blur(var(--sb-blur));-webkit-backdrop-filter:blur(var(--sb-blur));box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040;cursor:pointer;transition:transform .15s ease}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid #8c9ffc;outline-offset:3px}.specular-button:disabled,.specular-button[aria-disabled=true]{opacity:.55;cursor:default}.specular-button--sm{font-size:.85rem;padding:11px 16px}.specular-button--md{font-size:1rem;padding:14px 30px}.specular-button--lg{font-size:1.15rem;padding:18px 40px}.specular-button__fx{position:absolute;inset:-20px;pointer-events:none;z-index:1}.specular-button__fx canvas{display:block;width:100%;height:100%}.specular-button__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.specular-button{transition:none}}.detail-back.specular-button{border-color:transparent}