Block is not filling completely (animation)


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


Anyone know how to fix this?

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.