:root{--flip-card-height:200px;--flip-card-padding:20px;--flip-card-text-align:center;--flip-card-front-bg:#F7F2EC;--flip-card-front-color:black;--flip-card-back-bg:#4F141A;--flip-card-back-color:white}.flip-card{background-color:#fff0;width:100%;height:var(--flip-card-height);perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:var(--flip-card-text-align);transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:var(--flip-card-padding);box-sizing:border-box}.flip-card-front{background-color:var(--flip-card-front-bg);color:var(--flip-card-front-color)}.flip-card-back{background-color:var(--flip-card-back-bg);color:var(--flip-card-back-color);transform:rotateY(180deg)}.flip-card-front p,.flip-card-back p{margin:0}