I like the idea of this CSS change, but I don't understand your preference for ```from-(timer|alarm)```, and I have no desire to be deeply unsatisfying to you. 

The buttons are changing based on the type of "ring" that is occurring. So, to anthropomorphize a bit, the DOM elements are asking the question, "what sort of notification is happening right now?" The desired information would be: "A ```timer ring``` is happening right now." 

If the word "ring" is the unsatisfying part, we could replace it with "notification", although that is significantly overloaded as well, and diverges from the file/class names in the rest of the project.