.flip-container{perspective:1000px;width:250px;height:150px}.flipper{position:relative;width:100%;height:100%;transition:.6s;transform-style:preserve-3d}.flip-container:hover .flipper{transform:rotatex(180deg)}.flip-front,.flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;text-align:center;align-content:center;border-radius:12px}.flip-front{background:#ff5479;color:#fff}.flip-back{transform:rotatex(180deg);padding:10px;background:#ff5479;color:#fff}