Hover animation out: play backwards

Working on a button hover animation. It works correctly once, next hover is incorrect.

An object moves along the y-axis on hover in and continues on the y-axis on hover out.
I can get Webflow to do it only once.

Here’s an example of the in / out hover: Check the hamburger menu https://ueno.co/

Here’s a read-only link:
https://preview.webflow.com/preview/awasu-design-c46c18-a13a28ac892563fcc21?utm_medium=preview_link&utm_source=designer&utm_content=awasu-design-c46c18-a13a28ac892563fcc21&preview=fd75c14b13cbdabba3c32b4dbff42d89&mode=preview

I’m not sure how multiple initial states work. Thanks!

@Eric_Townsend I cannot see any interaction animations. You have done something in interactions but I am not sure what it is and it does not play (as it should do so) .
Have you watched these videos?

Ps.
Welcome to Webflow forums