Change share button colours on hover

Hello, I have the following code to change the opacity of the share buttons on hover;

.shareaholic-share-buttons-container li.shareaholic-share-button .shareaholic-share-button-container:hover {
opacity: 0.2;
}

However, it only changes the button background colour and not the text/logos.

Ideally, what I would like to do is change the background colour and text/logos on hover. So for example, I’m currently using white buttons with black text/logos, so on hover I would like the buttons to change to black with white text/logos, to match the effects of my other buttons on my squarespace website.

Is there anyway I can add to the code above to specifically target both the text and logos also, and not just the overall opacity/background colour?

Thank you.

https://ww.wp.xz.cn/plugins/shareaholic/