Не работает hover при попытке задать его кнопке button, что нужно сделать?

Question

[Денис Денис]

Html!

<div class="points">
<button class="team__btn btn-1" ><i class="fas fa-circle"></i></button>
<button class="team__btn btn-2" ><i class="fas fa-circle"></i></button>
<button class="team__btn btn-3" ><i class="fas fa-circle"></i></button>
<button class="team__btn btn-4" ><i class="fas fa-circle"></i></button>
	 </div>

Css

.btn-1:hover .btn-4{
	color:  #ff3921;
}

не знаю в чем дело, подскажите

Answer 1

[Арсений Матыцин]

Для начала неплохо бы освоить базовый функционал портала, а затем сервиса для примеров, например https://codepen.io. А еще дальше — посмотреть, как работают селекторы.

Comments

[Денис Денис]

Спасибо за совет! Разобрался не много, выложил в pen вот.