.flip-card{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s ease-in-out;transform-style:preserve-3d}.flip-card:hover .flip-card-inner,.flip-trigger:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}