Width problem

I’m working on a button in CodePen, and I’m running into issues. The hover state goes fine, but as soon as you move the mouse a lil lower, the button’s :before, and :hover:before shrinks. Never seen such a problem in my coding life. How can I fix this??

Here is my work : https://codepen.io/cpUserpen/pen/JjRZNxN?editors=0100