:root{--glitter:url(/images/project-img/silver-glitter-background.png)}.sparkles{--clr:260;--shadows:0%;--shadowl:0%;font-size:var(--btn-font-size,14pt);letter-spacing:.5px;background:linear-gradient(0deg,hsla(var(--clr),100%,70%)0%,hsla(var(--clr),100%,65%)5%,hsla(var(--clr),80%,35%)15%,hsla(var(--clr),70%,30%)25%,hsla(var(--clr),25%,0%)50%,hsla(var(--clr),25%,12%)90%);box-shadow:inset 0 0 2px hsla(var(--clr),30%,20%);box-shadow:0 -.5em .5em transparent,0 .5em .5em transparent,0 .5em .5em transparent,0 .5em .5em transparent,0 .25em .3em -.2em hsla(var(--clr),0%,0%,.5),0 .35em .75em hsla(var(--clr),0%,0%,.75);cursor:pointer;background-position:0 0;background-size:200% 300%;border:none;border-radius:99vw;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;padding:0;font-weight:700;transition:all .5s cubic-bezier(.77,0,.18,1);display:grid;position:relative;overflow:hidden;transform:translate(0)}.sparkles:before,.sparkles:after{--gradientPos:50% 100%;content:" ";border-radius:99vw;grid-area:1/1;width:100%;height:100%;transition:inherit}.sparkles:before{border-radius:inherit;background-image:var(--glitter),var(--glitter),linear-gradient(180deg,black 0%,white 80%);background-blend-mode:multiply,multiply,overlay;background-size:300px 170px,280px 130px,200% 200%;background-position:0px 0px,0px 0px,var(--gradientPos);mix-blend-mode:color-dodge;filter:brightness(2)contrast(.75);opacity:.5;box-shadow:inset 0 -8px 10px -7px hsla(var(--clr),70%,80%,.75);background-repeat:repeat;animation:20s linear infinite paused bubble;position:absolute;inset:0;transform:translateZ(.01px)}.sparkles:after{background-image:radial-gradient(ellipse at center 70%,hsla(var(--clr),100%,99%,.8)5%,hsla(var(--clr),90%,80%,1)20%,transparent 50%,transparent 200%),linear-gradient(90deg,hsla(var(--clr),80%,10%,1)-10%,transparent 25%,transparent 75%,hsla(var(--clr),80%,10%,1)110%);box-shadow:inset 0 .25em .75em #000,inset 0 -.05em .2em #fff6,inset 0 -1px 3px hsla(var(--clr),80%,50%,.75);background-blend-mode:darken;mix-blend-mode:hard-light;filter:blur(5px);opacity:0;background-position:50% 220%;background-repeat:no-repeat;background-size:180% 80%,cover}.sparkles:hover,.sparkles.over{--shadows:90%;--shadowl:80%;box-shadow:0 -.2em 1.5em hsla(var(--clr),90%,50%,.3),0 .5em 2em hsla(var(--clr),90%,70%,.55),0 .25em .3em -.2em hsla(var(--clr),0%,0%,1),0 .35em .75em hsla(var(--clr),0%,0%,1),0 .25em .5em -.3em hsl(var(--clr),30%,99%,1),0 .25em .5em hsla(var(--clr),20%,30%,.35),inset 0 -2px 5px -2px #ffffff80;background-position:100% 100%;transition:all .2s cubic-bezier(.17,.84,.44,1)}.sparkles.over{transition-duration:2s}.sparkles:hover:before,.sparkles.over:before{--gradientPos:50% 50%;filter:brightness(2)contrast();box-shadow:inset 0 -5px 10px -4px hsla(var(--clr),70%,80%,.3);opacity:.8;animation-play-state:running}.sparkles:hover:after,.sparkles.over:after{opacity:.8;transform:translateY(0)}.sparkles span{background-image:linear-gradient(hsl(calc(var(--clr) - 43),27%,85%)0%,hsl(calc(var(--clr) - 60),22%,80%)19%,hsl(calc(var(--clr) - 50),20%,75%)30%,hsl(calc(var(--clr) - 52),36%,98%)43%,hsl(var(--clr),70%,70%,1)51%,hsl(var(--clr),50%,85%,1)52%,#fff 100%);color:#d6dee2;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 .05em #00000080)drop-shadow(0 .05em .05em #00000080);transition-timing-function:inherit;transition-duration:inherit;z-index:10;background-size:1em 3.45em;-webkit-background-clip:text;background-clip:text;grid-area:1/1;padding:.7em 1.4em;transition-delay:0s;transform:translateY(0)}.sparkles:hover span,.sparkles:active span,.sparkles.over span{background-position-y:-100%}.sparkles:active{box-shadow:0 -.2em 1.5em hsla(var(--clr),90%,50%,.4),0 .5em 2em hsla(var(--clr),90%,70%,.65),0 .15em .3em -.2em hsla(var(--clr),0%,0%,1),0 .25em .75em hsla(var(--clr),0%,0%,1),0 .25em .5em -.3em hsl(var(--clr),30%,99%,1),0 .25em .5em hsla(var(--clr),20%,30%,.45),inset 0 -2px 5px -2px #ffffffa6;transition-duration:.1s;transform:translateY(.075em)}.sparkles:active:before,.sparkles:active:after{opacity:1;filter:brightness(3)contrast(.75);animation-duration:8s}.sparkles:active:after{filter:brightness(1.35)contrast(.8)blur(5px)}@keyframes bubble{0%{background-position:0px 340px,0px 130px,var(--gradientPos)}to{background-position:0px 0px,0px 0px,var(--gradientPos)}}