.article-card-wrapper{width:100%;height:100%;perspective:1000px}.article-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.article-card-wrapper:hover .article-card-inner.flipped{transform:rotateY(-180deg)}@media screen and (min-width: 990px){.article-card-wrapper:hover .article-card-inner{transform:rotateY(-180deg)}}.article-card-front,.article-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:2rem;overflow:hidden}.article-card-front{background-color:#fff;color:var(--color-secondary-text)}:root{--color-article-card-back: var(--color-background) }.article-card-back{background-color:var(--color-text);color:var(--color-article-card-back);transform:rotateY(180deg);padding:3rem 2rem;overflow:hidden}.article-card__image{flex-grow:1;max-height:90%;width:100%}.article-card__image img{object-fit:cover;height:100%;width:100%}.article-heading__wrapper{flex-grow:1;max-height:10%;width:100%;display:flex;justify-content:center;align-items:center;padding:0 2rem;overflow:hidden}.article-card__heading{margin:auto 0;font-size:2rem;height:fit-content;align-content:center;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-card-back .article-card__heading{margin:0}.article-card__information{font-size:1.4rem;text-align:left;line-height:2;max-height:70%;overflow:hidden}.article-card__information h1,.article-card__information h2,.article-card__information h3,.article-card__information h4,.article-card__information h5,.article-card__information h6{font-family:termina,sans-serif;font-weight:500;font-style:normal;font-size:2rem;margin:3rem 0 1rem;line-height:1}.article-card__information ul{list-style:none}.article-card__information ul,.article-card__information ol{padding:0;margin:0}.article-card__information ol{padding-left:1.4rem}.article-card__button{flex-grow:1;display:flex;justify-content:center;align-items:end}.article-card__button .button{border:1px solid var(--color-article-card-back)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-article-card.css.map */