Block is not filling completely (animation)

Hi,

I made a CTA where people can log in. The CTA is an empty block with text in it. When you are hovering it, the CTA changes it’s color to orange in a from-left-to-right fashion.

However the edges don’t get the orange color. So it looks a bit off. See screenshot below

image

Anyone know how to fix this?


https://preview.webflow.com/preview/stan-a9dd55?utm_medium=preview_link&utm_source=designer&utm_content=stan-a9dd55&preview=2992ed5767a30c12622413b679374a25&pageId=625fc377a8046c4c25625d02&workflow=preview

In fact I don’t think you’re doing anything wrong because it displays correctly on Safari. You could try adding a width to the bg so it is slightly bigger than the cta itself.
So: set width to 130px in the .cta-background class.