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