.flip-card{background-color:transparent;width:100%;aspect-ratio:1/1;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.5rem}.flip-card-front{background-color:#bbb;color:#000}.flip-card-back{background-color:var(--color-secondary);color:#fff;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}