This has been one of my biggest eternal dilemmas in UI/UX/programming! • The ideal would be to show both states: "Muted → Unmute" on the button label. Click it

This has been one of my biggest eternal dilemmas in UI/UX/programming! • The ideal would be to show both states: "Muted → Unmute" on the button label. Click it and it becomes "Unmuted → Mute". If there isn't enough space, maybe just add a " → " at the end to denote that the displayed state will change to something else when you click on it. • Or just make it look like a physical electric switch with "On" & "Off" printed on opposite sides. • or a hover effect: "Muted" or [Crossed Microphone Icon] becomes "Unmute" / [Microphone Icon] when you hover the mouse or hold the finger on it. The icon should also change color between red/green or dim/lit to further emphasize the actual state.