@layer components{.glow-button{--glow:var(--color-signal-1);--glow-x:50%;--glow-y:50%;isolation:isolate;border:var(--border-kit) solid var(--color-line);border-radius:var(--radius-kit);background:var(--color-surface);min-height:3.25rem;color:var(--color-ink);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:0 1.75rem;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;transition:color .3s,border-color .3s,transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.glow-button--sm{border-radius:calc(var(--radius-kit) - 2px);gap:.375rem;min-height:2rem;padding:0 .875rem;font-size:.875rem}.glow-button:after{content:"";z-index:-1;left:var(--glow-x);top:var(--glow-y);opacity:.5;pointer-events:none;background:radial-gradient(circle, var(--glow) 10%, transparent 70%);border-radius:50%;width:200px;height:200px;transition:scale .4s ease-out;position:absolute;translate:-50% -50%;scale:0}.glow-button svg{transition:translate .3s}.glow-button:focus-visible{outline:none}.glow-button:focus-visible:after{scale:1.2}.glow-button:focus-visible{color:color-mix(in oklab, var(--glow) 55%, var(--color-ink));border-color:color-mix(in oklab, var(--glow) 40%, var(--color-line))}@media (hover:hover){.glow-button:hover:after{scale:1.2}.glow-button:hover{color:color-mix(in oklab, var(--glow) 55%, var(--color-ink));border-color:color-mix(in oklab, var(--glow) 40%, var(--color-line))}.glow-button:hover svg{translate:3px}}.glow-button:active{transition-duration:.3s,.3s,80ms;transform:scale(.97)}.glow-button:disabled{pointer-events:none;opacity:.5}@media (prefers-reduced-motion:reduce){.glow-button,.glow-button:after,.glow-button svg{transition:none}}}