&__input
display: none
&__input:checked + &__label::after
opacity: 1
&__label
display: inline-block
vertical-align: middle
position: relative
cursor: pointer
&::before
content: ''
display: inline-block
vertical-align: middle
margin-right: 10px
height: 18px
width: 18px
border: 2px solid $primary-color
border-radius: 50%
&::after
content: ''
position: absolute
top: 4px
left: 4px
width: 10px
height: 10px
background-color: $primary-color
opacity: 0
border-radius: 50%
+trs