.galaxy-button{--galaxy-active:0;--galaxy-hue:258;isolation:isolate;flex:none;display:inline-flex;position:relative}.galaxy-button__trigger{--cut:.12rem;--button-bg:radial-gradient(120% 120% at 126% 126%, hsl(var(--galaxy-hue) calc(var(--galaxy-active) * 97%) 98% / calc(var(--galaxy-active) * .82)) 40%, transparent 51%), radial-gradient(120% 120% at 120% 120%, hsl(var(--galaxy-hue) calc(var(--galaxy-active) * 97%) 70% / var(--galaxy-active)) 30%, transparent 70%), hsl(var(--galaxy-hue) calc(var(--galaxy-active) * 100%) calc(12% - (var(--galaxy-active) * 8%)));background:var(--button-bg);color:#eeeafa;min-width:10.5rem;min-height:3.1rem;box-shadow:0 0 calc(var(--galaxy-active) * 3.8rem) calc(var(--galaxy-active) * 1.8rem) hsl(var(--galaxy-hue) 97% 61% / .36), 0 .05rem 0 0 hsl(var(--galaxy-hue) calc(var(--galaxy-active) * 97%) calc((var(--galaxy-active) * 50%) + 30%)) inset, 0 -.05rem 0 0 hsl(var(--galaxy-hue) calc(var(--galaxy-active) * 97%) calc(var(--galaxy-active) * 10%)) inset;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transform:scale(calc(1 + (var(--galaxy-active) * .06)));transform-style:preserve-3d;perspective:100vmin;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.25rem;font-size:clamp(.78rem,1.15vw,.9rem);font-weight:600;line-height:1;transition:box-shadow .25s,transform .25s,background .25s;display:inline-flex;position:relative;overflow:hidden}.galaxy-button__trigger:hover,.galaxy-button__trigger:focus-visible{--galaxy-active:1}.galaxy-button--violet{--galaxy-hue:278}.galaxy-button--light .galaxy-button__trigger{color:#332b4a;--button-bg:radial-gradient(120% 120% at 126% 126%, hsl(var(--galaxy-hue) 75% 98% / .88) 40%, transparent 51%), radial-gradient(120% 120% at 120% 120%, hsl(var(--galaxy-hue) 70% 82% / .7) 30%, transparent 70%), #f7f3ff;box-shadow:0 8px 22px #4a376f1f,inset 0 .05rem #ffffffe6,inset 0 -.05rem #5c428e1a}.galaxy-button--outline .galaxy-button__trigger{color:#463864;--button-bg:#fffefab8;border:1px solid #cfc4dc;box-shadow:0 8px 22px #40355f14}.galaxy-button--outline .galaxy-button__backdrop{background:#fffefab8}.galaxy-button--light .galaxy-button__text,.galaxy-button--outline .galaxy-button__text{color:#463864}.galaxy-button--sm .galaxy-button__trigger{min-width:8.5rem;min-height:2.5rem;padding:.62rem 1rem;font-size:.78rem}.galaxy-button--lg .galaxy-button__trigger{min-width:12.5rem;min-height:3.5rem;padding:.95rem 1.5rem;font-size:1rem}.galaxy-button__trigger:active{transform:scale(1)}.galaxy-button__trigger:disabled{opacity:.62;cursor:wait}.galaxy-button__trigger:disabled:hover{--galaxy-active:0}.galaxy-button__spark,.galaxy-button__backdrop,.galaxy-button__container,.galaxy-button__galaxy{pointer-events:none;position:absolute}.galaxy-button__spark{border-radius:inherit;animation:3.6s steps(2,end) infinite galaxy-flip;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#fff,#0000 50%);mask:linear-gradient(#fff,#0000 50%)}.galaxy-button__spark:before{content:"";z-index:-1;aspect-ratio:1;width:200%;opacity:calc(var(--galaxy-active) + .4);background:conic-gradient(from 0deg, transparent 0 340deg, white 360deg);transition:opacity .25s;animation:1.8s linear infinite both galaxy-rotate;position:absolute;top:0;left:50%;transform:translate(-50%,-15%)rotate(-90deg)}.galaxy-button__backdrop{inset:var(--cut);border-radius:inherit;background:var(--button-bg);transition:background .25s}.galaxy-button__container{opacity:var(--galaxy-active);transition:opacity .25s;inset:0;-webkit-mask:radial-gradient(#fff,#0000);mask:radial-gradient(#fff,#0000)}.galaxy-button__galaxy{opacity:var(--galaxy-active);transition:opacity .25s;inset:0;overflow:hidden}.galaxy-button__ring{width:200%;height:200%;transform-style:preserve-3d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-28%,-40%)rotateX(-24deg)rotateY(-30deg)rotateX(90deg)}.galaxy-button__star{width:calc(var(--size) * 1px);height:calc(var(--size) * 1px);aspect-ratio:1;opacity:var(--alpha);transform:translate(-50%, -50%) rotate(10deg) rotate(0deg) translateY(calc(var(--distance) * 1px));animation:galaxy-orbit calc(var(--duration) * 1s) calc(var(--delay) * -1s) infinite linear;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%}.galaxy-button__star--static{opacity:.9;max-height:4px;animation:galaxy-move-x calc(var(--duration) * .1s) calc(var(--delay) * -.1s) infinite linear, galaxy-move-y calc(var(--duration) * .2s) calc(var(--delay) * -.2s) infinite linear;transform:translate(0)}.galaxy-button__trigger:hover .galaxy-button__star--static{animation-play-state:paused}.galaxy-button__text{z-index:2;color:hsl(0 0% calc(60% + (var(--galaxy-active) * 26%)));align-items:center;gap:.4rem;transition:color .25s;display:inline-flex;position:relative;translate:0 -3%}.galaxy-button__bodydrop{z-index:-1;background:hsl(var(--galaxy-hue) calc(var(--galaxy-active) * 97%) 6%);opacity:calc(var(--galaxy-active) * .3);filter:blur(1.5rem);pointer-events:none;border-radius:50%;transition:opacity .25s;position:absolute;inset:-3rem}@keyframes galaxy-orbit{to{transform:translate(-50%, -50%) rotate(10deg) rotate(360deg) translateY(calc(var(--distance) * 1px))}}@keyframes galaxy-move-x{0%{translate:-100px}to{translate:100px}}@keyframes galaxy-move-y{0%{transform:translateY(-50px)}to{transform:translateY(50px)}}@keyframes galaxy-flip{to{rotate:360deg}}@keyframes galaxy-rotate{to{transform:rotate(90deg)}}@media (max-width:640px){.galaxy-button{width:min(100%,15rem)}.galaxy-button__trigger{width:100%;min-height:3rem}}@media (prefers-reduced-motion:reduce){.galaxy-button__spark,.galaxy-button__star{animation:none}.galaxy-button__trigger{transition:none}}