Смена текста при наведении, затем возврат к предыдущему тексту

У меня есть система комментариев, и у каждого комментария есть кнопка, которая нормально отображает количество ответов на него. Я хочу, чтобы когда пользователь наводит курсор на кнопку, текст менялся с «3 ответа» на «Ответить!», а затем, когда мышь отпускает кнопку, текст возвращался к «3 ответам».

Потому что число количество ответов варьируется для каждого комментария, я не могу сделать простой скрипт mouseover/mouseout. Один из способов обойти это — передать количество ответов в виде переменной и создать небольшую функцию, чтобы позаботиться об этом. Но должна быть более простой способ. Я пытался использовать :hover в CSS, чтобы изменить содержимое тега (с содержимым свойства css), но пока не повезло.

Любая помощь приветствуется, спасибо!