/* Animations. */
.wpmozo-animation {
	opacity: 0;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
.wpmozo-animation.wpmozo-animation-top:hover {
	animation-name: wpmozoTopToBottom;
}
.wpmozo-animation.wpmozo-animation-left:hover {
	animation-name: wpmozoLeftToRight;
}
.wpmozo-animation.wpmozo-animation-right:hover {
	animation-name: wpmozoRightToLeft;
}
.wpmozo-animation.wpmozo-animation-bottom:hover {
	animation-name: wpmozoBottomToTop;
}
@keyframes wpmozoTopToBottom {
	from { opacity: 0; transform: translateY(-50px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes wpmozoLeftToRight {
	from { opacity: 0; transform: translateX(-50px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes wpmozoRightToLeft {
	from { opacity: 0; transform: translateX(50px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes wpmozoBottomToTop {
	from { opacity: 0; transform: translateY(50px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Button. */
.wpmozo-bna-button-wrap .wpmozo-bna-button {
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	text-decoration: none;
	transition: all .3s ease-in-out;
	white-space: nowrap;
	column-gap: 7px;
}
.wpmozo-bna-button-wrap .wpmozo-bna-button.wpmozo-icon-at-before {
	flex-direction: row-reverse;
}
.wpmozo-bna-button.wpmozo-icon-on-hover .wpmozo-bna-btn-text {
	transition: all .3s ease-in-out;
	transform: translateX(0.7em);
}
.wpmozo-bna-button.wpmozo-icon-on-hover.wpmozo-icon-at-before .wpmozo-bna-btn-text {
	transform: translateX(-0.7em);
}
.wpmozo-bna-button.wpmozo-icon-on-hover .wpmozo-bna-icon {
	opacity: 0;
	transform: translateX(-1.5em);
	transition: all .3s ease-in-out;
}
.wpmozo-bna-button.wpmozo-icon-on-hover.wpmozo-icon-at-before .wpmozo-bna-icon {
	transform: translateX(1.5em);
}
.wpmozo-bna-button.wpmozo-icon-on-hover:hover .wpmozo-bna-btn-text {
	transform: translateX(0);
}
.wpmozo-bna-button.wpmozo-icon-on-hover:hover .wpmozo-bna-icon {
	opacity: 1;
	transform: translateX(0);
}