Для иконок всех трех кнопок селекторы пишутся в таком виде:
.btn-blue:hover .icon,
.btn-blue.hover .icon{
}
Для чего помимо селектора псевдокласса .btn-blue:hover .icon ещё добавляется селектор .btn-blue.hover .icon? Что такое этот .hover ? Один из вариантов написания псевдокласса? В каких-то браузерах псевдоклассы должны быть записаны именно так, чтобы воспринимались ими?