.specular-button{--sb-radius:16px;--sb-tint:#ffffff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:2.75rem;border:none;margin:0;font-family:inherit;font-weight:500;letter-spacing:.01em;line-height:1;text-decoration:none;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);backdrop-filter:blur(var(--sb-blur));-webkit-backdrop-filter:blur(var(--sb-blur));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.25);cursor:pointer;outline:none;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);will-change:transform}.specular-button:hover{transform:translateY(-2px) scale(1.02)}.specular-button:active{transform:translateY(0) scale(.97);transition-duration:.12s}.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;pointer-events:none}.specular-button:disabled:active,.specular-button[aria-disabled=true]:active{transform:none}.specular-button--sm{font-size:.85rem;padding:10px 22px}.specular-button--md{font-size:.875rem;padding:.625rem 1.25rem}.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}.specular-button--skin-primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 0 rgba(194,74,102,.12),0 8px 20px rgba(255,121,152,.35)}.specular-button--skin-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 rgba(194,74,102,.1),0 14px 28px rgba(255,121,152,.42)}.specular-button--skin-secondary{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 0 rgba(32,16,19,.06),0 8px 20px rgba(32,16,19,.08)}.specular-button--skin-secondary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 2px 0 rgba(32,16,19,.05),0 12px 24px rgba(32,16,19,.12)}.specular-button--skin-ghost{box-shadow:none}.specular-button--skin-ghost:hover{background:color-mix(in srgb,var(--sb-tint) 8%,transparent)}@media (prefers-reduced-motion:reduce){.specular-button{transition:none;will-change:auto}.specular-button:active,.specular-button:hover{transform:none}.specular-button__fx{display:none}}