.flip-card{position:relative;width:100%;height:0;perspective:1000px}.flip-card--1{padding-bottom:56.25%}.flip-card--2{padding-bottom:100%}.flip-card--3{min-height:41.2rem;padding-bottom:166.7%}.flip-card:hover .flip-card__front,.flip-card:hover .flip-card__back{transform:rotateY(180deg)}.flip-card__front,.flip-card__back{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 720ms ease;transform-style:preserve-3d;box-shadow:var(--shadow)}.flip-card__panel{position:absolute;width:100%;height:100%;padding:var(--spacing-4);background:var(--white);backface-visibility:hidden;text-align:center;display:flex;flex-flow:row wrap;align-items:center;justify-content:center}.flip-card__panel>*{width:100%}.flip-card__back .flip-card__panel{transform:rotateY(190deg)}