.flip-box{background-color:transparent;height:250px;margin:8px 0;perspective:1000px;width:100%}@media (min-width:1024px){.flip-box{height:250px;width:400px}}.flip-box .flip-box__inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.flip-box:hover .flip-box__inner{transform:rotateX(180deg)}.flip-box .flip-box__back,.flip-box .flip-box__front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #c1272d;border-radius:16px;display:flex;flex-direction:column;height:calc(100% - 32px);justify-content:center;padding:16px;position:absolute;width:calc(100% - 32px)}.flip-box .flip-box__front{background-color:#c1272d;color:#fff}.flip-box .flip-box__back{align-items:start;background-color:#fff;transform:rotateX(180deg)}.flip-box .flip-box__back *{margin:0}
/*# sourceMappingURL=front.css.map*/