.flip-card{background-color:transparent;width:100%;height:250px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform 0.8s;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%;backface-visibility:hidden;background:#f4f4f4;border:2px solid #d6ccc2;border-radius:10px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.flip-card-back{transform:rotateY(180deg);background-color:#666666;color:#ffffff}