@property --k{syntax:"<number>";inherits:true;initial-value:-1}.particle-btn{--m:1;color:#fff;cursor:pointer;z-index:10;white-space:nowrap;background:radial-gradient(#050b14,67.5%,#1170df) padding-box padding-box,radial-gradient(#93c5fd,35%,#0000 70%) 50% 0/80% 50% repeat-y border-box;border:2px solid #0000;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:visible;box-shadow:inset 0 0 1px #1170df}.particle-btn:hover{transform:scale(1.02);box-shadow:inset 0 0 1px #1170df,0 0 20px #1170df66}.particle-btn:active{transform:translateY(2px)}@keyframes particle-k{0%,33.3%{--k:1}}.particle-btn .wrap{pointer-events:none;z-index:-1;position:absolute;inset:0}.particle-btn .particle{--f:1;--pos-k:max(0,var(--k));--neg-k:max(0,-1*var(--k));--low-c:min(1,4*(1 - var(--pos-k)));--abs-d:max(var(--neg-k) - .5,.5 - var(--neg-k));--mov-f:var(--pos-k);left:var(--x);top:var(--y);rotate:var(--a);animation:particle-k calc(var(--m)*1.5s)linear calc(var(--m)*var(--t,0)*1.5s)infinite;pointer-events:none;display:grid;position:absolute}@supports (scale:sqrt(4)){.particle-btn .particle{--mov-f:sqrt(var(--pos-k))}}.particle-btn .particle:before,.particle-btn .particle:after{aspect-ratio:1;grid-area:1/1;width:.75em}.particle-btn .particle:before{--sa:calc(min(1,1 - 2*min(.5,var(--mov-f)))*45deg);border-radius:calc(1.25*min(.8,var(--mov-f))*50%)50% 50%;transform-origin:0 0;translate:calc(var(--mov-f)*var(--d));rotate:-45deg;scale:var(--f);transform:skew(var(--sa),var(--sa));opacity:var(--low-c);filter:saturate(var(--low-c));content:"";background:radial-gradient(at 85% 85%,#93c5fd,#1170df 75%)}.particle-btn .particle:after{translate:-50% -50%;scale:calc(var(--f)*(1 - 2*var(--abs-d)));text-align:center;filter:blur(.5px);content:"✦";color:#93c5fd}.particle:first-child{--a:-45deg;--x:53%;--y:15%;--d:4em;--f:.7;--t:.15}.particle:nth-child(2){--a:150deg;--x:40%;--y:70%;--d:7.5em;--f:.8;--t:.08}.particle:nth-child(3){--a:10deg;--x:90%;--y:65%;--d:7em;--f:.6;--t:.25}.particle:nth-child(4){--a:-120deg;--x:15%;--y:10%;--d:4em;--f:1;--t:0}.particle:nth-child(5){--a:-175deg;--x:10%;--y:25%;--d:5.25em;--f:.6;--t:.32}.particle:nth-child(6){--a:-18deg;--x:80%;--y:25%;--d:4.75em;--f:.5;--t:.4}.particle:nth-child(7){--a:-160deg;--x:30%;--y:5%;--d:9em;--f:.9;--t:.5}.particle:nth-child(8){--a:175deg;--x:9%;--y:30%;--d:6em;--f:.95;--t:.6}.particle:nth-child(9){--a:-10deg;--x:89%;--y:25%;--d:4.5em;--f:.55;--t:.67}.particle:nth-child(10){--a:-140deg;--x:40%;--y:10%;--d:5em;--f:.85;--t:.75}.particle:nth-child(11){--a:90deg;--x:45%;--y:65%;--d:4em;--f:.5;--t:.83}.particle:nth-child(12){--a:30deg;--x:70%;--y:80%;--d:6.5em;--f:.75;--t:.92}