how can you add text to hover in css code example

Example: how to change text on hover css

/*HTML*/
<button><span>3 replies</span></button>

/*CSS*/
button {width:6em}
button:hover span {display:none}
button:hover:before {content:"Reply!"}