Как сделать hover-эффект только при наведении на родительский блок, исключая дочерние?

Question

[wbrapist]

Вопрос в заголовке.
При наведении на внешний блок к нему применяются стили. Во внешнем блоке есть еще один блок, при наведении на который так же применяются стили к внешнему блоку. Как этого избежать?

https://jsfiddle.net/mm7mqeu7/

Answer 1

[Алексей Захаров]

https://jsfiddle.net/konratnox/mm7mqeu7/1/

Answer 2

[RodgerFox]

Используйте...

spoiler

pointer-events: none; на потомках