Как сверстать данную часть header?

Ankhena,
итог более-менее что-то получилось, но есть вопрос


есть элемент span, это цифры отвечающие за количество предметов в корзине, у первого span и второго одинаковые классы , поэтому занимают одинаковые положение относительно ссылки, но так как они зеркально расположены одна цифра ставится , вторая уже нет , как решить?
Дать разные классы?

Как сверстать данную часть header?

Антон Антон, мне нужно объединить heart и cart? проблема в том , что между элементами расстояние разное

Как сверстать данную часть header?

Антон Антон, не понимаю как разместить иконки search, heart, cart , menu , и сделать им такое выделение сзади