.animated-card{position:relative;min-height:280px;overflow:hidden;border-radius:24px}.animated-card .card-border-animation{content:"";position:absolute;width:100px;background-image:linear-gradient(180deg,rgb(0,183,255),rgb(255,48,255));height:130%;animation:rotBGimg 3s linear infinite;transition:all .2s linear;top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%);z-index:0;opacity:0}.animated-card .card-inner{content:"";position:absolute;background:linear-gradient(135deg,rgba(239,246,255,1),rgba(255,255,255,1));inset:5px;border-radius:20px;z-index:5;border:1px solid #d1d5db}@keyframes rotBGimg{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.animated-card:hover .card-border-animation{opacity:1;background-image:linear-gradient(180deg,rgb(0,183,255),rgb(255,48,255));animation:rotBGimg 3s linear infinite}.animated-card:hover .card-inner{border:none}.animated-card .relative{position:relative;z-index:15}