Убрать классы hand-* (и, соответственно, js-код, который эти классы переключает), убрать keyframes.
Задать элементу с изображением длительность смены состояния:
.btn::after {
transition-duration: 1s;
...
}
Указать, как должно измениться состояние при наведении курсора:
.btn:hover::after {
transform: translateX(30px) translateY(-40px);
}
Всё.
