.actionButtonFlip{-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;margin-bottom:var(--padding);}.actionButtonFlip:hover .back{-webkit-transform:rotateY(0);transform:rotateY(0);}.actionButtonFlip:hover .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}.actionButtonFlip .flipper{transition:0.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;}.actionButtonFlip .front,.actionButtonFlip .back{width:100%;border-radius:5px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:0.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0;}.actionButtonFlip .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);background-size:cover;background-repeat:no-repeat;}.actionButtonFlip .front .frontContent{display:flex;flex-direction:column;justify-content:center;height:100%;margin:0 auto;position:relative;text-align:center;width:80%;}.actionButtonFlip .front .frontContent .blockTitle{font-family:var(--subfont);font-weight:500;font-size:2.4rem;color:var(--color1);line-height:1.2;}.actionButtonFlip .back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}.actionButtonFlip.vertical{position:relative;}.actionButtonFlip.vertical .back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}.actionButtonFlip.vertical.vertical:hover .back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}.actionButtonFlip.vertical.vertical:hover .front{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}