.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.sparkle-button{--active:0;--bg:radial-gradient(40% 50% at center 100%,hsl(140 calc(var(--active) * 97%) 72%/var(--active)),transparent),radial-gradient(80% 100% at center 120%,hsl(97,12%,30%),transparent),hsl(260 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));background:var(--bg);font-size:1.2rem;font-weight:500;border:0;padding:1em;display:flex;align-items:center;gap:.25em;white-space:nowrap;border-radius:100px;position:relative;box-shadow:0 0 calc(var(--active) * 3em) calc(var(--active) * 1em) hsl(97,20%,20%),0 0 0 0 hsl(97 calc(var(--active) * 12%) calc((var(--active) * 30%) + 10%)) inset,0 -.05em 0 0 hsl(97 calc(var(--active) * 12%) calc(var(--active) * 25%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * .1));transition:.3s}.sparkle-button:active{scale:1;transition:.3s}.sparkle path{color:hsl(0 0% calc((var(--active, 0) * 70%) + var(--base)));transform-box:fill-box;transform-origin:center;fill:currentColor;stroke:currentColor;animation-delay:calc((var(--transition) * 1.5) + (var(--delay) * 1s));animation-duration:.6s;transition:color var(--transition)}.sparkle-button:is(:hover,:focus-visible) path{animation-name:bounce}@keyframes bounce{35%,65%{scale:var(--scale)}}.sparkle path:first-of-type{--scale:0.5;--delay:0.1;--base:40%}.sparkle path:nth-of-type(2){--scale:1.5;--delay:0.2;--base:20%}.sparkle path:nth-of-type(3){--scale:2.5;--delay:0.35;--base:30%}.sparkle-button:before{content:"";inset:-.2em;z-index:-1;border:.25em solid hsl(99,24%,14%);opacity:var(--active,0);transition:opacity var(--transition)}.spark,.sparkle-button:before{position:absolute;border-radius:100px}.spark{inset:0;rotate:0deg;overflow:hidden;mask:linear-gradient(white,transparent 50%);animation:flip calc(var(--spark) * 2) infinite steps(2)}@keyframes flip{to{rotate:1turn}}.spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 1turn);transition:opacity var(--transition);animation:rotate var(--spark) linear infinite both}.spark:after{content:""}.backdrop,.spark:after{position:absolute;inset:var(--cut);border-radius:100px}.backdrop{background:var(--bg);transition:background var(--transition)}@keyframes rotate{to{transform:rotate(90deg)}}@supports(selector(:has(:is(+ *)))){body:has(button:is(:hover,:focus-visible)){--active:1;--play-state:running}.bodydrop{display:none}}.sparkle-button:is(:hover,:focus-visible)~:is(.bodydrop,.particle-pen){--active:1;--play-state:runnin}.sparkle-button:is(:hover,:focus-visible){--active:1;--play-state:running}.sp{position:relative}.particle-pen{width:200%;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(white,transparent 65%);opacity:var(--active,0);transition:opacity var(--transition)}.particle,.particle-pen{position:absolute;aspect-ratio:1;z-index:-1}.particle{fill:white;width:calc(var(--size, .25) * 1rem);top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);opacity:var(--alpha,1);animation:float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;transform-origin:var(--origin-x,1000%) var(--origin-y,1000%);animation-play-state:var(--play-state,paused)}.particle path{fill:hsl(0 0% 90%);stroke:none}.particle:nth-of-type(2n){animation-direction:reverse}@keyframes float-out{to{rotate:1turn}}.text{translate:2% -6%;letter-spacing:.01ch;background:linear-gradient(90deg,hsl(0 0% calc((var(--active) * 100%) + 65%)),hsl(0 0% calc((var(--active) * 100%) + 26%)));-webkit-background-clip:text;color:transparent;transition:background var(--transition)}.sparkle-button svg{inline-size:1.25em;translate:-25% -5%}.button{line-height:1;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;color:#fff;border-radius:10rem;font-weight:600;padding:.75rem 1.5rem .75rem 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s}.button__icon-wrapper{flex-shrink:0;width:25px;height:25px;position:relative;color:black;background-color:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden}.button:hover{background-color:#000}.button:hover .button__icon-wrapper{color:#000}.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.button:hover .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.button:hover .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}