.cardContainer{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.card{margin:0 auto;text-align:center;padding:.5rem;position:relative;border-radius:10px}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.card:after,.card:before{content:"";position:absolute;height:100%;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;padding:10px;border-radius:10px;background-image:conic-gradient(from var(--angle),transparent 90%,#fff);animation:spin 5s linear infinite}.card:before{filter:blur(1.5rem);opacity:.5}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}