.card{margin:0 auto;padding:1px;background:black;border-radius:10px;position:relative;z-index:1;overflow:hidden;transition:border-color .3s ease}.card:hover{border-color:transparent}@supports not (background:conic-gradient(from 0deg,blue,blue)){.card:hover:after,.card:hover:before{background-image:conic-gradient(#ff4545,blue)}}@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;border-radius:10px;opacity:0;transition:opacity .3s ease}.card:hover:after,.card:hover:before{opacity:1;background-image:conic-gradient(from var(--angle),transparent 20%,#090EDB,transparent 70%,#8D1EA2);animation:spin 3s linear infinite;filter:blur(10px)}.card:before{filter:blur(2px)}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 10s linear infinite}