Because hiding svg is not viable for this button, and hiding div or everything is not going to work, we can instead search for each class name that we want to hide instead.
The following works there:
The bad and hard way that you seem be insistent on doing, will end up having that code be something like:
button.querySelectorAll(".playa, .pausea, .initialb, playb, .pauseb, .speakerb,
.playc, .pausec, .speakerc, .playd, .paused").forEach(hide);
The easy way that I have been attempting to get you to do, but which you have been strongly resistant about doing, would only be the following code:
button.querySelectorAll(".initial, .play, .pause, .speaker").forEach(hide);