@keyframes diamondShake{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(5deg) scale(1.1)}75%{transform:rotate(-5deg) scale(1.1)}}@keyframes textRotate{0%{transform:rotate(0deg)}50%{transform:rotate(15deg)}to{transform:rotate(0deg)}}@keyframes sparkle{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.button-container:hover{box-shadow:0 0 15px #6a11cb80,0 0 25px #2575fc4d;transition:box-shadow .4s ease-in-out}.button-container:hover .diamond-icon{animation:diamondShake .8s ease-in-out infinite}.sparkle{animation:sparkle 1.5s ease-in-out infinite;background-color:#fff;border-radius:50%;height:6px;opacity:0;position:absolute;width:6px}.sparkle:first-child{animation-delay:0s;left:15px;top:-10px}.sparkle:nth-child(2){animation-delay:.2s;right:10px;top:5px}.sparkle:nth-child(3){animation-delay:.4s;bottom:-5px;left:8px}.sparkle:nth-child(4){animation-delay:.6s;bottom:10px;right:20px}.sparkle:nth-child(5){animation-delay:.8s;right:-5px;top:-8px}.button-container:hover .sparkle{opacity:1}.button-text{transition:transform .6s}.button-container:hover .button-text{animation:textRotate .6s ease-in-out forwards}
/*# sourceMappingURL=main.63f92172.css.map*/