Button 16

Home » Components » Buttons » Button 16

Button 16

/* ===== Button 16 ===== */

#button-16.btn-word-effect {
	overflow: hidden;
}

#button-16.btn-word-effect:hover:before {
	opacity: 1;
	transform: translate(0, 0);
}

#button-16.btn-word-effect:before {
	content: attr(data-hover);
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 0;
	transform: translate(0, 0);
	transition: all .3s ease-in-out;
}

#button-16.btn-word-effect:hover div {
	opacity: 0;
	transform: translate(100%, 0)
}

#button-16.btn-word-effect div {
	transition: all .3s ease-in-out;
}