| 1 |
.ablocks-block--flip-box{perspective:1000px}.ablocks-block--flip-box-child{width:100%}.ablocks-block--flip-box-child.ablocks-flipbox__back>.ablocks-block-container,.ablocks-block--flip-box-child.ablocks-flipbox__front>.ablocks-block-container{display:flex;flex-direction:column;justify-content:center;padding:20px;row-gap:10px}.ablocks-flipbox__back>.ablocks-block-container,.ablocks-flipbox__front>.ablocks-block-container{padding:20px}.ablocks-flipbox--transform-bottom .ablocks-flipbox__back,.ablocks-flipbox--transform-top .ablocks-flipbox__back{transform:rotateX(180deg)}.ablocks-flipbox--transform-left .ablocks-flipbox__back,.ablocks-flipbox--transform-right .ablocks-flipbox__back{transform:rotateY(180deg)}.ablocks-block--flip-box>div:first-child{align-items:stretch;display:flex;justify-content:stretch;position:relative;transform-style:preserve-3d;transition:transform .6s}.ablocks-block--flip-box>div:first-child .ablocks-flipbox__back,.ablocks-block--flip-box>div:first-child .ablocks-flipbox__front{backface-visibility:hidden;display:block;transform-style:preserve-3d;width:100%}.ablocks-block--flip-box>div:first-child .ablocks-flipbox__front{position:relative}.ablocks-block--flip-box>div:first-child .ablocks-flipbox__back{position:absolute;transform:rotateY(-180deg)}.ablocks-flipbox--transform-bottom>div:first-child .ablocks-flipbox__back,.ablocks-flipbox--transform-top>div:first-child .ablocks-flipbox__back{transform:rotateX(-180deg)}.ablocks-block--flip-box:hover>div:first-child{transform:rotateY(-180deg)!important}.ablocks-flipbox--transform-right:hover>div:first-child{transform:rotateY(180deg)!important}.ablocks-flipbox--transform-top:hover>div:first-child{transform:rotateX(180deg)!important}.ablocks-flipbox--transform-bottom:hover>div:first-child{transform:rotateX(-180deg)!important} |
