@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.card{position:relative;background:#fff;border-radius:10px;padding:1px}.card:after,.card:before{content:"";position:absolute;inset:-1px;background:#e8e8e9;border-radius:10px;z-index:-1;transition:opacity .3s ease}.card.featured:after,.card.featured:before,.card:hover:after,.card:hover:before{background:conic-gradient(from var(--angle),#3b82f6,#2dd4bf,#4f46e5,#3b82f6);animation:spin 2s linear infinite}.card:before{filter:blur(1.5rem);opacity:0}.card.featured:before,.card:hover:before{opacity:.4}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}@supports (background:conic-gradient(#000,#000)){.card:after,.card:before{transition:opacity .3s ease,background .3s ease}}