Ciao, sto cercando di inserire una regola css in linea per definire lo stile hover in una pagina html collegata ad un .css esterno

Ho 4 linee identiche, ma ognuna si deve comportare in modo diverso: al passaggio del mouse sulle icone devo avere 4 colori diversi (da qui la necessità di inserire lo style in linea)

codice HTML:
<a class="square" style="font-size:50px; text-decoration: none; color:black; margin-right:30px;" title="" target="_blank" href="#"></a>

Tutte le prove che ho fatto sono assolutamente indifferenti ai browser, per cui funziona solo il link e nulla cambia colore.