/*---------------------------------------------------------------------------------
Pure CSS flipbox - Credit: jerome@vadon.fr
---------------------------------------------------------------------------------*/
body:not(.et-fb):not(.et-fb-preview) {
	.flipbox.active {
	    .et_pb_button_module_wrapper,
	    a.et_pb_button {
	      pointer-events: none !important;
	      user-select:none;
        }
		height:430px;
		perspective: 1500px;
		cursor: pointer !important;
		.flipbox_inner{
			position: relative;
			transform-style: preserve-3d;
			transition:all 0.5s ease;
		}
		&:hover .flipbox_inner{
			transform: rotateY(180deg);
		}
		.back{
			transform: rotateY(180deg);
		}
		.front, .back{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: absolute;
			backface-visibility: hidden;
		}
	}
}