.flip-card-container{perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .7s ease;transform-style:preserve-3d}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-face{position:absolute;width:100%;height:100%;border-radius:1rem;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}@keyframes gradientRotate{0%{border-image-source:linear-gradient(150.81deg,#9747ff,#22212a 24.5%,#22212a 49.6%,#22212a 75%,#3111ab)}25%{border-image-source:linear-gradient(240.81deg,#9747ff,#22212a 24.5%,#22212a 49.6%,#22212a 75%,#3111ab)}50%{border-image-source:linear-gradient(330.81deg,#9747ff,#22212a 24.5%,#22212a 49.6%,#22212a 75%,#3111ab)}75%{border-image-source:linear-gradient(420.81deg,#9747ff,#22212a 24.5%,#22212a 49.6%,#22212a 75%,#3111ab)}to{border-image-source:linear-gradient(510.81deg,#9747ff,#22212a 24.5%,#22212a 49.6%,#22212a 75%,#3111ab)}}.animate-gradient-rotate{animation:gradientRotate 3s linear infinite;border-image-slice:1}