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)}