Можно ли такой эффект сделать с помощью hover?

Question

[Evgenij_nechujveter]

На сайте Ссылка есть такой эффект:



Пытаюсь сделать с помощью hover уже часа 2. Проблема заключается в том, что я могу сделать чтобы элементы синхронно меняли цвет, только когда на них навожу(а именно на классы order-text и order-numb)
если я хоть немного не попал не сработает. Чтобы сработало надо, я так понимаю, нужно нацепить hover на родительский класс advantages, но проблема в том, как сделать условие тогда?
Сразу не хватает условий, как в js например) Но в том то и дело, что мне нужно сделать без помощи js
И как сделать так, чтобы цифры поднимались при наведении???
Вот код:

Код

Answer 1

[Stimulate]

https://jsfiddle.net/9mtL7ejh/1/

Comments

[Evgenij_nechujveter]

Stimulate Спасибо! А что скажешь по поводу кода, грязноват или более-менее?

[Stimulate]

Evgenij_nechujveter, грубо говоря ты передрал с того сайта все, изменив имена классов)

[Evgenij_nechujveter]

Stimulate, ну... - подглядывал это правда. Но разметку делал сам и позиционировал тоже не подглядывая. А вот с оформлением пока много чего незнаю

[Stimulate]

Evgenij_nechujveter, век живи-век учись)

Answer 2

[jorshjorsh95]

https://jsfiddle.net/9mtL7ejh/2/

.advantages:hover > .order-numb strong{
color:#ccc;
}

.advantages:hover > .order-text em{
  color:red;
}

Comments

[Evgenij_nechujveter]

jorshjorsh95 Спасибо! А что скажешь по поводу кода, грязноват или более-менее?