.btn-star-anim{z-index:10;transition:all .3s ease-in-out;position:relative;overflow:visible}.btn-star-anim .star-1,.btn-star-anim .star-2,.btn-star-anim .star-3,.btn-star-anim .star-4,.btn-star-anim .star-5,.btn-star-anim .star-6{pointer-events:none;z-index:-5;fill:currentColor;opacity:0;height:auto;position:absolute}.btn-star-anim .star-svg{fill:var(--star-color,#fff);filter:drop-shadow(0 0 #ffffff80)}.btn-star-anim.variant-primary{--star-color:var(--color-brand-500)}.btn-gradient-animate{background:linear-gradient(135deg,#ac47ff,#5e41c1,#ac47ff,#5e41c1) 0 0/300% 300%;animation:4s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-star-anim.variant-secondary{--star-color:#fff}.btn-star-anim .star-1{width:25px;transition:all 1s cubic-bezier(.05,.83,.43,.96);top:20%;left:20%}.btn-star-anim .star-2{width:15px;transition:all 1s cubic-bezier(0,.4,0,1.01);top:45%;left:45%}.btn-star-anim .star-3{width:5px;transition:all 1s cubic-bezier(0,.4,0,1.01);top:40%;left:40%}.btn-star-anim .star-4{width:8px;transition:all .8s cubic-bezier(0,.4,0,1.01);top:20%;left:40%}.btn-star-anim .star-5{width:15px;transition:all .6s cubic-bezier(0,.4,0,1.01);top:25%;left:45%}.btn-star-anim .star-6{width:5px;transition:all .8s;top:5%;left:50%}.btn-star-anim:hover{box-shadow:0 0 25px var(--btn-shadow-color,#5c41bf4d)}.btn-gradient-animate:hover{background:linear-gradient(135deg,#ac47ff,#5e41c1,#ac47ff,#5e41c1) 0 0/300% 300%}.btn-star-anim.variant-primary:hover{color:#fff;--btn-shadow-color:#5c41bf80}.btn-star-anim.variant-secondary:hover{color:var(--color-brand-500);border-color:var(--color-brand-300);--btn-shadow-color:#5c41bf33;--star-color:var(--color-brand-500);background:#fff}.btn-star-anim:hover .star-1{width:25px;filter:drop-shadow(0 0 10px var(--star-color));z-index:2;opacity:1;top:-80%;left:-30%}.btn-star-anim:hover .star-2{width:15px;filter:drop-shadow(0 0 10px var(--star-color));z-index:2;opacity:1;top:-25%;left:10%}.btn-star-anim:hover .star-3{width:5px;filter:drop-shadow(0 0 10px var(--star-color));z-index:2;opacity:1;top:55%;left:25%}.btn-star-anim:hover .star-4{width:8px;filter:drop-shadow(0 0 10px var(--star-color));z-index:2;opacity:1;top:30%;left:80%}.btn-star-anim:hover .star-5{width:15px;filter:drop-shadow(0 0 10px var(--star-color));z-index:2;opacity:1;top:25%;left:115%}.btn-star-anim:hover .star-6{width:5px;filter:drop-shadow(0 0 10px var(--star-color));z-index:2;opacity:1;top:5%;left:60%}