.cc-galaxy-button{--galaxy-active:0;--galaxy-cut:.1em;--galaxy-spark:1.8s;--galaxy-transition:.25s;--galaxy-bg:radial-gradient(120% 120% at 126% 126%, color-mix(in oklab, var(--color-cream) calc(var(--galaxy-active) * 90%), transparent) 40%, transparent 50%) calc(100px - (var(--galaxy-active) * 100px)) 0 / 100% 100% no-repeat, radial-gradient(120% 120% at 120% 120%, color-mix(in oklab, var(--color-lime) calc(var(--galaxy-active) * 82%), transparent) 30%, transparent 70%) calc(100px - (var(--galaxy-active) * 100px)) 0 / 100% 100% no-repeat, var(--color-lime);isolation:isolate;background:var(--galaxy-bg);min-height:2.75rem;box-shadow:0 0 calc(var(--galaxy-active) * 2.5rem) calc(var(--galaxy-active) * .35rem) color-mix(in oklab, var(--color-lime) 45%, transparent), inset 0 .05em 0 color-mix(in oklab, var(--color-cream) calc(var(--galaxy-active) * 65%), transparent), inset 0 -.05em 0 color-mix(in oklab, var(--color-deep) 35%, transparent);color:var(--color-ink);cursor:pointer;white-space:nowrap;transform:scale(calc(1 + (var(--galaxy-active) * .045)));transform-style:preserve-3d;perspective:100vmin;transition:box-shadow var(--galaxy-transition), transform var(--galaxy-transition), background var(--galaxy-transition);border:0;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.35rem;font-size:.875rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.cc-galaxy-button:is(:hover,:focus-visible){--galaxy-active:1}.cc-galaxy-button:active{transform:scale(.98)}.cc-galaxy-button__text{z-index:4;position:relative}.cc-galaxy-button__galaxy,.cc-galaxy-button__particles{pointer-events:none;position:absolute;inset:0}.cc-galaxy-button__galaxy{aspect-ratio:1;width:100%;opacity:var(--galaxy-active);transition:opacity var(--galaxy-transition);top:50%;left:50%;translate:-50% -50%}.cc-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)}.cc-galaxy-button__particles{z-index:1;opacity:var(--galaxy-active);transition:opacity var(--galaxy-transition);-webkit-mask:radial-gradient(#fff,#0000 72%);mask:radial-gradient(#fff,#0000 72%)}.cc-galaxy-button__star{width:calc(var(--star-size) * 1px);aspect-ratio:1;background:var(--color-cream);opacity:var(--star-alpha);transform:translate(-50%, -50%) rotate(calc(var(--star-angle) * 1deg)) translateY(calc(var(--star-distance) * 1px));animation:cc-galaxy-orbit calc(var(--star-duration) * 1s) calc(var(--star-delay) * -1s) infinite linear;border-radius:50%;position:absolute;top:50%;left:50%}.cc-galaxy-button__star--static{top:var(--star-top);left:var(--star-left);width:min(calc(var(--star-size) * 1px), 4px);filter:brightness(1.6);animation:cc-galaxy-move-x calc(var(--star-duration) * .1s) calc(var(--star-delay) * -.1s) infinite linear alternate, cc-galaxy-move-y calc(var(--star-duration) * .16s) calc(var(--star-delay) * -.16s) infinite linear alternate;transform:none}.cc-galaxy-button:is(:hover,:focus-visible) .cc-galaxy-button__star--static{animation-play-state:paused}.cc-galaxy-button__spark{z-index:2;border-radius:inherit;animation:cc-galaxy-flip calc(var(--galaxy-spark) * 2) infinite steps(2, end);pointer-events:none;position:absolute;inset:0;overflow:hidden;rotate:0deg;-webkit-mask:linear-gradient(#fff,#0000 50%);mask:linear-gradient(#fff,#0000 50%)}.cc-galaxy-button__spark:before{content:"";aspect-ratio:1;width:200%;opacity:calc(var(--galaxy-active) + .25);background:conic-gradient(from 0deg, transparent 0 340deg, var(--color-cream) 360deg);transition:opacity var(--galaxy-transition);animation:cc-galaxy-rotate var(--galaxy-spark) linear infinite both;position:absolute;top:0;left:50%;transform:rotate(-90deg)}.cc-galaxy-button__backdrop{z-index:3;inset:var(--galaxy-cut);border-radius:inherit;background:var(--galaxy-bg);transition:background var(--galaxy-transition);pointer-events:none;position:absolute}@keyframes cc-galaxy-orbit{to{transform:translate(-50%, -50%) rotate(calc((var(--star-angle) + 360) * 1deg)) translateY(calc(var(--star-distance) * 1px))}}@keyframes cc-galaxy-move-x{0%{translate:-24px}to{translate:24px}}@keyframes cc-galaxy-move-y{0%{transform:translateY(-12px)}to{transform:translateY(12px)}}@keyframes cc-galaxy-flip{to{rotate:360deg}}@keyframes cc-galaxy-rotate{to{transform:rotate(90deg)}}@media (width<=767px){.cc-galaxy-button{min-height:2.875rem;padding-inline:1.25rem;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.cc-galaxy-button{transform:none}.cc-galaxy-button__star,.cc-galaxy-button__spark{animation:none!important}}