[Résolu] Effet hover couleur progressif sur bouton standard

Bonsoir,

J'ai créé un effet de survol basique, avec changement de la couleur de fond. 9a fonctionne mais transition, ce n'est pas très beau

.menu-contact a  {
	background-color: #82b71a!important;
}

.menu-contact a:hover  {
	background-color: #666666!important;
}

Uniquement en css, comment obtenir une transition simple de la couleur de départ #82b71a à la couleur d'arrivée #666666 ?

Note : j'ajoute !important pour passer outre les styles de mon thème bien entendu.

Incroyable, j'ai étudié des solutions complexes sans trop parvenir à un résultat acceptable et je ne pensais pas que c'était si simple
Un grand merci Zelena !!!!