Change font icon color inside button on hover

[Pofavoify]

In the footer of my site (in development) http://www.stefaanoyen.be, there are 3 buttons with an arrow before the text. The arrow is an icon font, and I want it to change color (as does the button text) when the button is hovered.Any idea how to do this?This is my html:\[code\]<a class="footerbutton"><span class="footerlist">X</span>Vraag offerte</a>\[/code\]This is the button:hover css:\[code\]a:hover.footerbutton {background-color: #B61618;color: #ddd;border: none;text-decoration: none;}\[/code\]And this is the footerlist span class css:\[code\].footerlist:hover {color: #ddd; }\[/code\]