Как изменить стиль над родительским элементом псевдоэлементом с помощью scss

Question

Я хочу изменить стиль class="next" при нажатии переключателя с помощью s css, поэтому я написал такой код, но элемент class="next" s не изменился.

Пожалуйста, дайте мне совет

HTML

<div class="container">
    .
    .
    <div class="inputs">
        <input type="radio">
    </div>
    .
    .
</div>

<button class="next">
    <p>next</p>
</button>

S CSS

.container {
    .inputs {
        input {
           &:checked + .next {
               background-color: green;
               pointer-events: auto;
           }
        }
    }
}

.next {
    background-color: transparent;
    pointer-events: none;
}