Pulsante aggiungi ai preferiti via css

[ghisirds]

Ciao a tutti.
Mi è venuta l'idea di voler alleggerire ulteriormente i miei siti, mettendo le immagini dei pulsanti come sfonfo css.
Quindi faccio una classe chiamata appunto preferiti e la applico alla scritta "aggiungi ai preferiti".
Metto il pulsante nel backround e dimensione del pulsante.

Ma il testo: Come lo nascondo? display none mi nasconde tutto, pulsante compreso!

Oltre questo c'è qualcos'altro che mi sfugge? C'è qualche guida o esempio da seguire?
E' consigliato mettere i pulsanti via css o è meglio inserirli normalmente?

Grazie a tutti
Marco

[fcaldera]

prova anche con

font-size: 0; text-indent : -999em;

[ghisirds]

Font size 0 già da solo va benissimo.
Ma non è che poi google mi penalizza perchè lo scambia per uno spam?

[fcaldera]

Il discorso della penalizzazione vale particolarmente sulle intestazioni (h1, h2...)
e in presenza di stili quali display: none; e/o visibility: hidden.

Qualcuno sostiene che anche un text-indent negativo però sia sospetto per google.