.card{position:relative;border-radius:1.25rem;border:none;cursor:pointer;overflow:hidden;z-index:10;isolation:isolate}.card:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(#fff1e183,#DDDEF8,#D0B4DB,#FFFFFF,#FFF1E1,#F0F3FC,#D1C8EB,#FEF4F7,#DABCDD,#FFFFFF,#FBF2F5,#D7D9F6,#CFB9DF,#DABCDD,#FFFFFF,#CFB9DF,#FFF1E1,#FFFFFF,#CFC9EF,#FFF1E1,#D0B4DB,#D7D9F6,#FCF0F6,#FEF9F9,#FFF1E1,#D0B9DF,#DDDEF8,#FCEEF5,#FFF1E1,transparent 100%);transform:translate(-50%,-50%);animation:rotate 14s linear infinite;z-index:-20}.card:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:1.25rem;z-index:0}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}