Почему не срабатывает изменение цыета текста при наведении?

Question

[Алексей]

<a class="redbutton" href="#">кнопка </a>

.redbutton{
    background: #E04040;
    color: #000;
    border: 1px solid #E04040;
    padding: 5px;
    margin-bottom: 4px;
    border-radius: 15px;
    line-height: 2.1em;
    text-decoration: none!important;

}
a.redbutton :hover {
color:#fff!important;
text-decoration: underline
}

https://jsfiddle.net/5r2o8hdd/1/

Answer 1

[Данил Разумков]

Уберите пробел между a.redbutton и :hover

a.redbutton:hover {
color:#fff!important;
text-decoration: underline
}