grecha10

Вам нужно ховер поставить на начальное состояние анимации, а вы ставите на элемент. Замените код и все заработает:

/*
.button:hover {
  background: #000000;
}*/

.slider:hover .button{
    background: #000000;    
}

ЗЫ Я скачал ваш код с гита, у вас в style.css тройное дублирование, посмотрите сами. Две трети кода - дубль.