Как сделать, чтобы желтый ховер отрабатывал при наведении на текст ( а не как сейчас на весь блок)?

Question

[olya_097]

Как сделать, чтобы желтый ховер отрабатывал при наведении на текст ( а не как сейчас на весь блок)?
но одновременно с ним отрабатывал и красный ховер ( рядом текст)

https://jsfiddle.net/vu8sbjk7/2/

Answer 1

[olya_097]

Решила
нужно так - https://jsfiddle.net/vu8sbjk7/2/

Answer 2

[garmon85]

.single__document a:hover{color: yellow;}

Answer 3

[Maxim Kirshin]

Перемести hover на текст соответственно

.single__col .single__document:hover {
  color: red;
  cursor: pointer;
}

.single__col .single__desc a:hover {
  color: yellow;
}