Start button animation from the side the cursor is entering


I am currently working on a page where I want to include a cool button animation. I found this copyable button animation which I really like: Template
Here you can see the wanted button animation:

The problem is, when I copy the button and the animation into my webflow website, the coloring animation always starts from the middle when I am hovering over the button. Could someone help me to explain what I have to do, that the color filling animation starts from the point where the cursor enters the button?

Thank you very much in advance :pray: :pray: :pray:

Here is my public share link: LINK
(how to access public share link)