Click Me Ripple Effect

/* ===== Button 21 ===== */

#button-21.btn-icon-reveal {
	white-space: nowrap;
}

#button-21.btn-icon-reveal i {
	opacity: 0;
	margin-right: -20px;
	width: 15px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

#button-21.btn-icon-reveal:hover i {
	opacity: 1;
	margin-right: 0px;
	-webkit-transform: translatex(5px);
	    -ms-transform: translatex(5px);
	        transform: translatex(5px);
}