.specular-button{--sb-radius:9px;--sb-tint:#341a43;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#9d6bc6;border-radius:var(--sb-radius);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);color:var(--sb-text-color);-webkit-backdrop-filter:blur(var(--sb-blur));isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #9d6bc62e;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,background-color .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.specular-button:hover{background:#9d6bc6;border-color:#9d6bc6;transform:translateY(-2px);box-shadow:0 8px 30px #9d6bc647}.specular-button:hover .specular-button__label{color:#fff}}.specular-button:active{transform:translateY(0)}.specular-button:focus-visible{border-color:#9d6bc6;outline:none;box-shadow:0 0 0 2px #9d6bc640}.specular-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.specular-button--sm{min-height:36px;padding:.5rem .875rem;font-size:.75rem}.specular-button--md{min-height:46px;padding:.625rem 1.35rem;font-size:.875rem}.specular-button--lg{width:142px;height:54px;padding:0 20px;font-size:1rem}.specular-button__fx{z-index:1;pointer-events:none;border-radius:calc(var(--sb-radius) + 20px);position:absolute;inset:-20px;overflow:hidden}.specular-button__fx canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.specular-button__label{z-index:10;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--sb-text-color);white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;transition:color .3s;display:inline-flex;position:relative}@media (hover:none),(pointer:coarse){.specular-button{touch-action:manipulation}.specular-button:active{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.specular-button{transition:none}.specular-button:hover{transform:none}.specular-button__label{transition:none}}