

@mixin eui-anim--wobble {
	@include hacks();
    @keyframes eui-anim--wobble {
        16.65% {
            transform: translateY(8px);
        }

        33.3% {
            transform: translateY(-6px);
        }

        49.95% {
            transform: translateY(4px);
        }

        66.6% {
            transform: translateY(-2px);
        }

        83.25% {
            transform: translateY(1px);
        }

        100% {
            transform: translateY(0);
        }
    }
	&:hover,
	&:focus,
	&:active {
		animation-name: eui-anim--wobble;
		animation-duration: v(eui-base-animation-duration-slow);
		animation-timing-function: v(eui-base-animation-ease-in-out-timing-function);
		animation-iteration-count: 1;
	}
}
