`li` is hovered but `a` cannot be clicked

[GaryHilares]

When I hover above the border of the links in the navigation bar, the style changes, but if I click, the link doesn't work. The desirable behaviour probably should be that, if the hover effect appears and you click on it, you open to the link.

Here there is a GIF where I click each button twice.

This is because the hover effect is in the li element wrapping the a element, but the link is in the a element and the li element is bigger than the a element.
li element:

a element:

[EmmaDawsonDev]

Thanks so much for noticing and letting me know!