How to make a reverse animation when retracting?

Question

css

Task: to implement a button with a rotation animation

As a result: When the cursor is hovered, the animation works (but not much twitches), and when the mouse cursor is moved away, the animation worked in the opposite direction

https://jsfiddle.net/8kwgax5v/53/

Answer 1

Move transition from hover to main selector