.specular-button{isolation:isolate;cursor:pointer;border-radius:var(--sb-radius,18px);color:var(--sb-text-color,#f5f5f5);font:inherit;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;line-height:1;transition:transform .18s;display:inline-flex;position:relative}.specular-button:before{content:"";z-index:0;border-radius:inherit;background:var(--sb-tint,#fff);opacity:var(--sb-tint-opacity,0);-webkit-backdrop-filter:blur(var(--sb-blur,0px));position:absolute;inset:0}.specular-button--sm{padding:.5rem 1.15rem;font-size:.85rem;font-weight:300}.specular-button--md{padding:.72rem 1.6rem;font-size:.94rem;font-weight:300}.specular-button--lg{letter-spacing:.005em;padding:.95rem 2.2rem;font-size:1.02rem;font-weight:300}.specular-button__fx{pointer-events:none;z-index:1;width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;top:-20px;left:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block;transform:translateZ(0)}.specular-button__label{z-index:2;align-items:center;display:inline-flex;position:relative}.specular-button:active{transform:translateY(1px)}.specular-button:focus-visible{outline-offset:3px;outline:2px solid #ffffff8c}.specular-button:disabled{opacity:.5;cursor:default;transform:none}@media (prefers-reduced-motion:reduce){.specular-button{transition:none}}