.glass-fx{filter:contrast(3);display:inline-flex}.glass-btn{--h:44px;--r:9999px;--tr:15%;--rim:calc(var(--h) * .24);--ring:calc(var(--h) * .12);z-index:1;min-height:var(--h);border-radius:var(--r);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(3px)saturate(150%);backdrop-filter:blur(3px)saturate(150%);width:auto;transition:transform .16s var(--ease-out), background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#ffffff0b;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:.5rem;padding:0 .95rem;display:inline-flex;position:relative;box-shadow:inset 2px -2px 1px -1px #ffffff57,inset -2px 2px 1px -1px #ffffff57,inset 6px -6px 1px -6px #ffffff29,inset -6px 6px 1px -6px #ffffff29,inset 0 0 2px #000000b3,0 10px 26px -12px #000000e6,0 2px 10px -4px #c6a15b52}.glass-btn:before{content:"";z-index:-1;width:calc(100% - var(--rim) * 2);height:calc(100% - var(--rim) * 2);border-radius:var(--r);filter:blur(7px);border:1px solid #000000f2;position:absolute;top:35%;left:50%;transform:translate(-50%)}.glass-btn:after{content:"";z-index:-1;border-radius:var(--r);filter:blur(6px);background:linear-gradient(45deg, #ffffff8c 0%, transparent var(--tr), transparent calc(100% - var(--tr)), #ffffff8c 100%);position:absolute;inset:0}.glass-btn__ring{inset:var(--ring);border-radius:var(--r);filter:blur(1px);pointer-events:none;border:1px solid #ffffff29;position:absolute}.glass-btn__label{z-index:2;letter-spacing:-.005em;color:var(--color-ink);filter:drop-shadow(0 2px 3px #00000080);font-size:.92rem;font-weight:500;position:relative}.glass-btn__icon{z-index:2;width:calc(var(--h) * .62);height:calc(var(--h) * .62);transition:transform .16s var(--ease-out);background:#ffd97a;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 0 0 1px #ffffff59,0 0 10px -2px #ffd97a8c}.glass-btn__icon svg{fill:#17120a;filter:drop-shadow(0 1px 1px #00000040);width:40%;height:40%}@media (hover:hover) and (pointer:fine){.glass-btn:hover{background:#ffffff13;box-shadow:inset 2px -2px 1px -1px #ffffff6b,inset -2px 2px 1px -1px #ffffff6b,inset 6px -6px 1px -6px #fff3,inset -6px 6px 1px -6px #fff3,inset 0 0 2px #000000b3,0 16px 34px -14px #000,0 2px 14px -4px #c6a15b73}.glass-btn:hover .glass-btn__icon{transform:scale(1.1)}}.glass-btn:active{transform:scale(.96)}.glass-btn:active .glass-btn__label{color:var(--color-gold-bright)}.glass-btn:active .glass-btn__icon{transform:scale(.94)}@media (max-width:420px){.glass-btn{gap:.45rem;padding:0 .85rem}.glass-btn__label{font-size:.88rem}}@media (prefers-reduced-motion:reduce){.glass-btn,.glass-btn__icon{transition:none}.glass-btn:hover,.glass-btn:active,.glass-btn:hover .glass-btn__icon,.glass-btn:active .glass-btn__icon{transform:none}}