.my-hover-box{--first-color:#dd183b;--second-color:#3c67e3;--third-color:#4e00c2;position:relative;z-index:0}.my-hover-box::before,.my-hover-box::after{content:"";opacity:0;transition:all .5s ease-in-out;position:absolute;pointer-events:none}.my-hover-box:hover::before,.my-hover-box:hover::after{z-index:-1;background-image:linear-gradient(var(--rotate),var(--first-color),var(--second-color) 43%,var(--third-color));animation:spin 2.5s linear infinite;opacity:1}.my-hover-box:hover::before{width:94%;height:94%;border-radius:8px;top:3%;left:3%}.my-hover-box:hover::after{top:0;left:0;right:0;height:100%;width:100%;transform:scale(.9);filter:blur(70px)}