Problem:┬áMenu button’s hover background is 50% transparent (this is good). But it also makes the text inside the menu button 50% transparent (this is bad).

Desired result: Text inside the button should remain solid-colored when the button’s hover background is 50% transparent.

Solution (maybe?): Maybe this will keep the text solid-colored while the menu button’s┬áhover background is 50% transparent: Non-Transparent Elements Inside Transparent Elements from CSS Tricks