@property --lg-hot{syntax:"<number>";inherits:true;initial-value:0}.lg-button{--lg-x:50%;--lg-y:50%;--lg-sx:50%;--lg-tint:16 16 18;--lg-veil:1;--lg-a:.8;--lg-a-hot:.34;--lg-blur:14px;--lg-blur-hot:0px;--lg-ink:255 255 255;--lg-line:.38;isolation:isolate;letter-spacing:-.01em;height:46px;color:rgb(var(--lg-ink) / .96);cursor:pointer;-webkit-tap-highlight-color:transparent;background: radial-gradient(circle 64px at var(--lg-x) var(--lg-y), rgb(255 255 255/calc(var(--lg-shine,0) * .2)), transparent 70%),  linear-gradient(112deg, transparent calc(var(--lg-sx) - 22%), rgb(255 255 255/calc(var(--lg-shine,0) * .1)) var(--lg-sx), transparent calc(var(--lg-sx) + 18%)),  radial-gradient(ellipse 62% 125% at 14% 0%, rgb(255 255 255/calc(var(--lg-veil) * (.16 - .05 * var(--lg-hot)))), transparent 72%), radial-gradient(ellipse 55% 100% at 90% 100%, rgb(255 255 255/calc(var(--lg-veil) * (.09 - .03 * var(--lg-hot)))), transparent 72%),  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"), rgb(var(--lg-tint) / calc(var(--lg-a) + (var(--lg-a-hot) - var(--lg-a)) * var(--lg-hot)));-webkit-backdrop-filter:blur(calc(var(--lg-blur) + (var(--lg-blur-hot) - var(--lg-blur)) * var(--lg-hot))) saturate(150%);backdrop-filter:blur(calc(var(--lg-blur) + (var(--lg-blur-hot) - var(--lg-blur)) * var(--lg-hot))) saturate(150%);box-shadow:inset 0 0 0 2.4px rgb(0 0 0/var(--lg-line)), inset 0 -12px 18px -10px rgb(255 255 255/calc(.1 * (1 - var(--lg-hot)))), inset 0 9px 14px -9px rgb(255 255 255/calc(.07 * (1 - var(--lg-hot)))), inset 0 8px 12px -7px rgb(0 0 0/calc(.55 * var(--lg-hot))), 0 1px 0 0 rgb(255 255 255/calc(.12 * (1 - var(--lg-hot)))), 0 calc(10px - 7px * var(--lg-hot)) calc(26px - 16px * var(--lg-hot)) -10px #000000b3;translate:0 calc(-1px * var(--lg-hot));border:0;border-radius:9999px;align-items:center;gap:10px;padding:0 22px 0 24px;font-family:inherit;font-size:15.5px;font-weight:600;line-height:1;transition:--lg-hot .2s cubic-bezier(.3,.6,.3,1);display:inline-flex;position:relative}.lg-button:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle 30px at var(--lg-x) var(--lg-y), rgb(255 255 255/calc(var(--lg-shine,0) * .5)), transparent 80%), linear-gradient(rgb(255 255 255/calc(.04 * var(--lg-hot))) 0 0), conic-gradient(from var(--lg-rim,-29deg), #ffffffed, #ffffff94 40deg, #ffffff38 85deg, #ffffff80 125deg, #ffffffbd 180deg, #fff9 225deg, #ffffff8f 270deg, #ffffffa8 320deg, #ffffffed 360deg);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine){.lg-button:hover{--lg-hot:1}}.lg-button:focus-visible{--lg-hot:1;outline:none}.lg-button:active{translate:0 .5px}.lg-button svg{width:14px;height:14px;translate:calc(2.5px * var(--lg-hot)) 0;flex:none}.lg-button svg.lead{translate:calc(-2.5px * var(--lg-hot)) 0}.lg-button.sm{gap:8px;height:38px;padding:0 18px;font-size:13.5px}.lg-button.frosted{--lg-line:0;--lg-tint:120 120 126;--lg-a:.42;--lg-a-hot:.3;--lg-ink:225 225 230}.lg-button.tinted{--lg-line:0;--lg-tint:38 56 150;--lg-a:.78;--lg-a-hot:.58;--lg-ink:225 230 255}.lg-button:disabled{--lg-line:0;--lg-tint:40 40 44;--lg-a:.28;color:#ffffff52;cursor:not-allowed}.lg-button:disabled:after{opacity:.35}.lg-button:disabled:hover{--lg-hot:0}.lg-button:disabled:active{translate:none}@media (prefers-reduced-motion:reduce){.lg-button{transition:none}}.lg-button.mint{--lg-line:0;--lg-tint:38 232 196;--lg-a:.94;--lg-a-hot:.58;--lg-ink:6 35 28;-webkit-backdrop-filter:none;backdrop-filter:none}.lg-button.mint:disabled{--lg-tint:38 232 196;--lg-a:.35;--lg-a-hot:.35;--lg-ink:6 35 28;color:#06231c73}
