Growl button coding issue

I've finished every other bit of my coding, but the growl button has been a constant source of issue since I started- I've managed to figure out how to code most else that wasn't in guides thanks to the inspection feature

It looks like so when its not being hovered over, and Ive found the background colour is linked to the other buttons on the page:

And like so when being hovered over:

I've managed to figure out how to change the background colour when its being hovered over, but no matter what I do with the code- I can't change the colour of the actual text to match the page :c I also have no idea where its pulling the colour for the text from in the code, as I don't have this shade listen anywhere and colour pickers to find the hex haven't helped- it simply doesn't exist, and I don't know if its sharing the colour for the text with another colour on the page and I just can't find it.

The code for the buttons currently exists as so:

I've already tried inputting the color command underneath background-color, and it still hasn't worked- I've also tried using !important beside it- still doesn't work. This is the only part of my css that I'm unhappy with and I'd really like to fix it

Hiya! I would add color: #abd3f; to the hover code. If it keeps changing back, add !important behind it so it's "color: #abd3f !important;" sometimes it there's conflicting code (like if the text color is pulling from a different part of the code) it won't change unless you add the !important. Personally I just add it behind every line just in case XD

Unfortunately I already tried doing so, didn't work ^^" Although Ive pretty much made peace with it at this point