Изменить цвет шрифта цвет внутри кнопки при зависании

Question

В нижнем колонтитуле моего сайта (в разработке) http://www.stefaanoyen.be есть 3 кнопки со стрелкой перед текстом. Стрелка - это значок, и я хочу, чтобы он менял цвет (как и текст кнопки), когда кнопка зависает.

Любая идея, как это сделать?

Это мой HTML:

<a class="footerbutton"><span class="footerlist">X</span>Vraag offerte</a> 

Это кнопка: парить CSS:

a:hover.footerbutton { 
background-color: #B61618; 
color: #ddd; 
border: none; 
text-decoration: none; 
} 

И это класс пядь footerlist CSS:

.footerlist:hover { 
color: #ddd; 
} 

Answer 1

Самый простой способ целевой цвет значка внутри кнопки на парении будет предназначаться его, как например:

.footerButton:hover .footerlist { 
    color: #ddd; 
} 

Answer 2

Это должно работать:

a:hover.footerbutton:hover .footerlist { 
    color: #ddd; 
}