Add hover to the Menu Points

[Stophface]

I am trying to add a hover to the menu points...
My Markup is the following

<nav>
   <button>
        <svg />
        <a>Home </a>
   </button>
</nav>

I tried

bm-item:hover { ... }, I tried adding a class to <a className='foo'> and then .foo:hover {...}. I tried important, adding ids with the classes and imporant keyword.

I check the example here https://negomi.github.io/react-burger-menu/ and this is used here

.bm-menu a:hover  {
    color: red
}

However, this has also no effect for me. How would I add a hover to the menu points?

[Stophface]

Aaah, that happened because Firefox does not "emulate" (?) hover when its set to mobile device.