.chromatic-star-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:none;border-radius:5rem;cursor:pointer;display:flex;height:3rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:9rem;z-index:1}.chromatic-star-btn--sm{height:2.5rem;width:7.5rem}.chromatic-star-btn--md{height:3rem;width:9rem}.chromatic-star-btn--lg{height:3.5rem;width:10.5rem}.chromatic-star-btn:before{animation:chromatic-gradient 8s linear infinite;background:linear-gradient(135deg,#ff69b480,#80008080 33%,#0000ff80 66%,#ff69b480);background-size:300% 300%;content:"";inset:0;opacity:.3;position:absolute;z-index:-2}.chromatic-star-btn:after{animation:chromatic-gradient 6s linear infinite;background:linear-gradient(135deg,#ff69b4,purple 33%,#00f 66%,#ff69b4);background-size:300% 300%;border-radius:5rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.chromatic-star-btn strong{align-items:center;color:#ffffffe6;display:inline-flex;font-family:Avalors Personal Use,sans-serif;font-size:12px;justify-content:center;letter-spacing:5px;position:relative;text-shadow:0 0 5px hsla(0,0%,100%,.5),0 0 10px rgba(255,105,180,.5),0 0 15px rgba(128,0,128,.5);transition:all .3s ease;z-index:2}.chromatic-star-btn:focus-visible{outline:2px solid rgba(34,211,238,.95);outline-offset:2px}.chromatic-star-btn:hover{box-shadow:0 10px 20px #0003,0 0 20px #8000804d,0 0 30px #00f3;transform:translateY(-3px) scale(1.05)}.chromatic-star-btn:hover:before{animation-duration:4s;opacity:.5}.chromatic-star-btn:hover strong{text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px rgba(255,105,180,.8),0 0 30px rgba(128,0,128,.8)}.chromatic-star-btn:active{box-shadow:0 5px 10px #0000004d,0 0 15px #80008066,0 0 20px #0000ff4d;transform:translateY(0) scale(.98)}.chromatic-star-btn.selected{box-shadow:0 10px 20px #0003,0 0 20px #8000804d,0 0 30px #00f3;transform:translateY(-3px) scale(1.05)}.chromatic-star-btn.selected:before{animation-duration:4s;opacity:.5}.chromatic-star-btn.selected strong{text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px rgba(255,105,180,.8),0 0 30px rgba(128,0,128,.8)}@keyframes chromatic-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}