.flip-card{position:relative;border-radius:8px;width:100%;height:168px;background-color:#06110b;border:1px solid rgba(159,255,192,.14);perspective:1400px;display:flex;align-items:center;justify-content:center;padding:18px}.flip-card__back{color:#cfe9da;font-size:13.5px;line-height:1.55;text-align:center}.flip-card__cover{position:absolute;inset:0;background-color:#123d27;border-radius:8px;cursor:pointer;transition:transform .5s ease;transform-origin:left;display:flex;align-items:center;justify-content:center;padding:18px;border:1px solid rgba(159,255,192,.25)}.flip-card:focus-within .flip-card__cover,.flip-card:hover .flip-card__cover{transform:rotateY(-80deg)}.flip-card__cover-label{font-display:inherit;font-size:17px;font-weight:600;color:#f4fff8;text-align:center}@media (hover:none){.flip-card__cover{display:none}}