@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}.magic-card-wrapper{position:relative;padding:3px}.magic-card{position:relative;z-index:10}.magic-card-wrapper:before{border-radius:1rem;z-index:1;inset:0}.magic-card-wrapper:after,.magic-card-wrapper:before{content:"";width:100%;height:100%;background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);position:absolute;animation:spin 2.5s linear infinite}.magic-card-wrapper:after{top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;filter:blur(60px);opacity:.75;transition:opacity .5s,filter .5s}.magic-card-wrapper:hover:after,.magic-card-wrapper:hover:before{animation-play-state:paused}.magic-card-wrapper:hover:after{opacity:1;filter:blur(80px)}@keyframes spin{0%{--rotate:0deg}to{--rotate:360deg}}