/* ----- floating image ----- */
@keyframes floatImg {
    0% {
        transform: translatey(0px);
	}
	50% {
        transform: translatey(-20px);
	}
	100% {
        transform: translatey(0px);
	}
}


/* ----- button action arrow animation ----- */
@keyframes arrowAnim {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(100%, -100%);
    }
    51% {
        transform: translate(-100%, 100%);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes arrowAnimRevert {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-100%, 100%);
    }
    51% {
        transform: translate(100%, -100%);
    }
    100% {
        transform: translate(0, 0);
    }
}

/* ----- cta pulse animation ----- */
@keyframes pulse {
	0% {
		transform: scale(0.95);

		box-shadow: 0 0 0 0 rgba(112, 255, 179, 0.7);
	}

	70% {
		transform: scale(1);

		box-shadow: 0 0 0 10px rgba(112, 255, 179, 0);
	}

	100% {
		transform: scale(0.95);

		box-shadow: 0 0 0 0 rgba(112, 255, 179, 0);
	}
}