checked radio with styled components

1const RadioMark = styled.span`
2    display: inline-block;
3    position: relative;
4    border: 1px solid #777777;
5    width: 14px;
6    height: 14px;
7    left: 0;
8    border-radius: 50%;
9    margin-right: 10px;
10    vertical-align: middle;
11`;
12
13const RadioInput = styled.input`
14    position: absolute;
15    visibility: hidden;
16    display: none;
17    &:checked + ${RadioMark} {
18        &::after {
19            content: '';
20            display: block;
21            width: 10px;
22            height: 10px;
23            border-radius: 50%;
24            background-color: blue;
25            left: 2px;
26            top: 15%;
27            position: absolute;
28        }
29    }
30`;