/*--------------------------------------------------------------
# Hover Effects (Utility Classes)
Set via the "Hover Effect" control in a block's Inspector sidebar (or by
adding the class directly to an "Additional CSS class(es)" field). Pure
CSS transform - no JavaScript required on the front end.
--------------------------------------------------------------*/
.hover-zoom-in,
.hover-zoom-out,
.hover-push-up,
.hover-push-down,
.hover-push-left,
.hover-push-right {
	transition: transform 0.3s ease;
}

.hover-zoom-in,
.hover-zoom-out {
	overflow: hidden;
}

.hover-zoom-in:hover {
	transform: scale(1.06);
}

.hover-zoom-out:hover {
	transform: scale(0.94);
}

.hover-push-up:hover {
	transform: translateY(-10px);
}

.hover-push-down:hover {
	transform: translateY(10px);
}

.hover-push-left:hover {
	transform: translateX(-10px);
}

.hover-push-right:hover {
	transform: translateX(10px);
}