.perspective{perspective:1200px}.flip-card{height:320px}.flip-card,.flip-card-inner{width:100%;position:relative}.flip-card-inner{height:100%;transition:transform .7s cubic-bezier(.4,2,.6,1);transform-style:preserve-3d}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;left:0;top:0;backface-visibility:hidden;border-radius:1rem;overflow:hidden;box-shadow:0 5px 24px 0 rgba(24,24,27,.08)}.flip-card-back{transform:rotateY(180deg);display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#5eead4,#34d399 60%,#fde68a)}.flip-card:focus-within .flip-card-inner,.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}