.specular-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;margin:0;font-family:inherit;font-weight:500;letter-spacing:.01em;line-height:1;color:var(--sb-text-color,#f5f5f5);background:color-mix(in srgb,var(--sb-tint,#fff) calc(var(--sb-tint-opacity,0)*100%),transparent);border-radius:var(--sb-radius,18px);backdrop-filter:blur(var(--sb-blur,0px));-webkit-backdrop-filter:blur(var(--sb-blur,0px));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 .15s ease;text-decoration:none}
.specular-btn:active{transform:scale(.97)}
.specular-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--sb-text-color,#f5f5f5) 60%,transparent);outline-offset:3px}
.specular-btn--sm{font-size:.85rem;padding:10px 22px}
.specular-btn--md{font-size:1rem;padding:14px 30px}
.specular-btn--lg{font-size:1rem;padding:12px 24px}
.specular-btn__fx{position:absolute;inset:-20px;pointer-events:none;z-index:1}
.specular-btn__fx canvas{display:block;width:100%;height:100%}
.specular-btn__label{position:relative;z-index:2}