I make custom radio checkbox this is my codes:

HTML:

```css
.radio-custom input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 10.5px;
  margin-top: -5px;
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  width: 10px;
  height: 10px;
  background-color: #117efd;
  border-radius: 50px;
}
```

```html
<div class="radio-custom">
     <input type="radio" name="test" id="test" value="test" />
     <label>Test</label>
</div>
```

The problem that if I add any element after`<input type="radio" name="test" id="test" value="test" />` `label:after` will not get what can to do to solve this problem ?