При наведении на блок, все в нем заголовки и параграфы должны поменять цвет без js

Такой вопрос: Есть не большой блок div.price__item, в нем несколько заголовков а так же несколько параграфов и кнопка:

<div class="price__item">
   <h1>...</h1>
   <h5>...</h5>
   <p>...</p>
   <p>...</p>
   <p>...</p>
   <button>...</button>
</div>

Мне нужно что бы при наведении на блок .price__item менялся фон его и цвет всех моих заголовков и параграфов. Подскажите как это осуществить через псеводэлемент :hover

.price__item:hover{
    cursor: pointer;
    background-color: #709dca;
    z-index: 2;
    color: #fff;
}

Меняется только фон, заголовки/параграфы не затрагиваются почему то