.flip-card{position:relative;display:inline-block;perspective:1000px;outline:none}.flip-card img{display:block;width:100%;height:auto}.flip-card__overlay{position:absolute;top:50%;left:50%;width:85%;height:85%;transform-origin:center;transform:translate(-50%,-50%) rotateY(-90deg);transition:transform 0.4s ease;background:rgb(255 255 255 / .7);color:#000;padding:1em;box-sizing:border-box;display:flex;align-items:center;justify-content:center;& a{color:#000;text-decoration:underline}}.flip-card:hover .flip-card__overlay,.flip-card:focus .flip-card__overlay{transform:translate(-50%,-50%) rotateY(0deg)}.flip-card:focus{box-shadow:0 0 0 3px #4285f4}.flip-card-show{display:none}@media screen and (max-width:768px){.flip-card-show{position:absolute;right:10px;bottom:10px;background:rgb(255 255 255 / .7);display:block;padding:5px 8px}.flip-card__overlay{background:rgb(255 255 255 / .85)}}