@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card{text-align:center;background:#1c1f2b;position:relative}.card:before,.card:after{content:"";background-image:conic-gradient(from var(--angle),#ff4545,#0f9,#006aff,#ff0095,#ff4545);z-index:-1;width:calc(100% + 5px);height:calc(100% + 5px);animation:3s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.card:before{filter:blur(.5em);opacity:.5}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}.shiny:after{content:"";filter:blur(10px);background-color:#ffffff40;border-radius:10px;width:30px;height:30px;animation:10s linear infinite shiny;position:absolute;top:0%;left:0%}@keyframes shiny{0%{top:0%;left:0%}25%{top:calc(100% - 30px);left:85%}50%{top:calc(100% - 30px);left:0%}75%{top:0%;left:85%}}