Request: Make tab speaker icon un-clickable?

[appyface]

trafficstars

(I did not find where to ask questions or make a request, if I missed finding please delete or move and let me know. Thank you.)

I use from this repository, the "normal pinned tabs.css", (speaker icons hidden all the time regardless of mute state). This is good as-is.

I also use the webextension Mute Sites by Default (can optionally remember a list of unmuted sites which I use).

The speaker icon displays as muted state on all muted tabs. If clicked the site is unmuted and the speaker icon disappears. The tab's right-click menu is still available to mute again and the muted speaker icon reappears. I do not know if the webextension is responsible or if firefox itself has some behavior here.

What I'd like is the speaker icon not be clickable to change its state. Not required but nice to have would be removing the hover text for the speaker and displaying the speaker at all times. But not at all required. Just not clickable is wanted.

Is there an easy to way to accomplish removing clickable property from the tab speaker icon using CSS? I have no experience with CSS but I did google awhile, found an older post with a line of code to do it, but it didn't work - or I didn't do it correctly.

Thank you for any help or ideas.

--Kind Regards.