/* Icon Float Away */
.keyframes(~"@{nameSpace}-icon-float-away", {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		.prefixed(transform, translateY(-1em));
	}
});

/* Icon Float Away */
.icon-float-away() {
	.hacks();

	.hvr-icon {
		.prefixed(transform, translateZ(0));
		.prefixed(animation-duration, @slowDuration);
		.prefixed(animation-fill-mode, forwards);
	}

	&:hover,
	&:focus,
	&:active {

		.hvr-icon {
			.prefixed(animation-name, ~"@{nameSpace}-icon-float-away");
			.prefixed(animation-timing-function, ease-out);
		}
	}
}
