как сделать + с псевдо-классом в стиле компонентов?

Question

я видел это html и css код:

<div class="checkbox">
    <input type="checkbox" id="checkbox_1">
    <label for="checkbox_1">Pure CSS Checkbox</label>
</div>

стиль:

.checkbox input[type="checkbox"] + label::after {
    content: none;
}

как это сделать в стилизованных компонентах? скажем, у меня есть .chechbox в стиле компонентов, как это:

const Checkbox = styled.div`
 input[type="checkbox"] + label::after {
    content: none;
  }

`

это будет работать ??