Hover animation : Dont reboot the animation when hover before the first animation end

Hello all,

I did a very fancy hover animation on a button.
But here is my problem. When i hover this button before the animation end (3s), it’s reboot the animation.

When we spam the button by hovering it again ang again it’s creating a verry bad effect.

How to wait for the 1st animation to finish before starting the second one ?

Thank you webflowers !


Here is my public share link: https://preview.webflow.com/preview/artspace-b4fdef?utm_medium=preview_link&utm_source=designer&utm_content=artspace-b4fdef&preview=69ef82eda3073158f473206709951409&mode=preview