/**
 * Flipbox — Style 2: Flip Vertical
 *
 * A 3D card flip around the horizontal axis — the box tips backwards to
 * reveal the back face.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-flipbox.captwiki-style-2 .captwiki-flipbox__inner {
	transition: transform var( --captwiki-fb-duration ) cubic-bezier( 0.4, 0.2, 0.2, 1 );
}

.captwiki-flipbox.captwiki-style-2 .captwiki-flipbox__back {
	transform: rotateX( -180deg );
}

.captwiki-flipbox.captwiki-style-2.captwiki-flipbox--hover:hover .captwiki-flipbox__inner,
.captwiki-flipbox.captwiki-style-2.captwiki-flipbox--hover:focus-within .captwiki-flipbox__inner,
.captwiki-flipbox.captwiki-style-2.is-flipped .captwiki-flipbox__inner {
	transform: rotateX( 180deg );
}
