.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:.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:.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)}