.flip-cards{position:relative}.flip-cards .flip-cards__grid{display:grid;grid-template-columns:1fr}.flip-cards .flip-cards__grid .flip-cards__card{border-bottom:2px solid var(--teal);position:relative}.flip-cards .flip-cards__grid .flip-cards__card:after{content:"";display:block;padding-top:100%}.flip-cards .flip-cards__grid .flip-cards__card .card-content{height:100%;position:absolute;transform-style:preserve-3d;transition:transform 1s;width:100%}.flip-cards .flip-cards__grid .flip-cards__card:hover .card-content{transform:rotateY(180deg);transition:transform .5s}.flip-cards .flip-cards__grid .flip-cards__card .card-content .card-content__back,.flip-cards .flip-cards__grid .flip-cards__card .card-content .card-content__front{align-items:center;backface-visibility:hidden;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:absolute;text-align:center;width:100%}.flip-cards .flip-cards__grid .flip-cards__card .card-content .card-content__back{background:var(--teal);color:var(--white);transform:rotateY(180deg)}.flip-cards .flip-cards__grid .flip-cards__card .card-content .card-content__back .card-content__back-text{max-height:100%;overflow-x:hidden;overflow-y:auto}