Как изменить стили при добавлении класса active?

Question

[RGBC]

При клике на класс .variants__text добавляется активный класс active.

Нужно чтобы при добавлении класса active, заменить стили у класса check.

.check {
     border: 2px solid #efce36;
     box-shadow: rgba(239, 206, 54, 0.5) 0 2px 6px 0;
]

.check:before {
    transform: scale(0.5);
]

<div class="question_variants">
    <div class="variants__text">
        <div class="check"></div>
        <span>Жилой дом или коттедж</span>
    </div>
    <div class="variants__text">
        <div class="check"></div>
        <span>Жилой дом или коттедж</span>
    </div>
</div>

Answer 1

[Aetae]

Обычный каскад:

.variants__text.active > .check {
    /* стили перезаписывающие стандартные */
}

Comments

[RGBC]

Огромное спасибо