.card{width:max(30vw,260px);height:max(8vh,130px);perspective:1000px}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .999s}.card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;box-shadow:0 4px 12px rgba(0,0,0,.794)}.card-front{background-color:#1c2954;border:10px solid #1c2954;border-radius:10px;transform:rotateY(0deg)}.card-back,.card-front{color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer}.card-back{background-color:#f69a23;font-weight:700;border:10px solid #f69a23;border-radius:10px;transform:rotateY(180deg)}