How can I highlight text within an element upon hover, rather than the whole element and its padding? CSS/HTML

Question

I\'m trying to achieve a certain hover effect for my navbar text which is probably better shown than explained.

The desired effect:

https://i.imgur.com/sSJyeg9