.flip-card{perspective:512px}.flip-card>.flip-card-content{position:relative;width:100%;height:100%;text-align:center;transition:transform .42s;transform-style:preserve-3d}.flip-card:hover>.flip-card-content,.flip-card[flip]>.flip-card-content{transform:rotateX(180deg)}.flip-card>.flip-card-content>*{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card>.flip-card-content>.back{transform:rotateX(180deg)}