.flip-card{perspective:1000px}.flip-card-inner{transition:transform .7s;transform-style:preserve-3d;position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:.75rem;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.flip-card-back{transform:rotateY(180deg)}