Replace Text Using CSS

HTML

<button  alt-hover="Download Zip File If you really really want"><span default>Default</span></button>

CSS

button[alt-hover]:hover>[default]{display:default;}
button[alt-hover]:hover:after{content:attr(alt-hover)}

button[alt-active]:active>[default]{display:none;}
button[alt-active]:active:after{content:attr(alt-active)}