Radio

radio.pug

.radio__wrapper
	.radio
		input(type="radio" name="choose" value="Да").radio__input 
		i.radio__real
		p.radio__text Да
	.radio
		input(type="radio" name="choose" value="Нет").radio__input 
		i.radio__real
	p.radio__text Нет

radio.sass

        .radio
          display: flex
          flex-direction: row
          width: 53px
          height: 30px    
          position: relative
          &:not(:last-child)
            margin-right: 50px
          &__input
            position: absolute
            top: -10px
            left: -3px
            z-index: 1
            opacity: 0
            cursor: pointer
          &__real 
            display: inline-block
            width: 15px
            height: 15px
            border-radius: 50%
            vertical-align: middle
            border: 3px solid $main__white
            box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .3)
            transition: all .2s ease-in-out
            cursor: pointer
            z-index: 0
          input:checked + i 
            background-color: $main__white
          &__text 
            margin-top: 1px
            margin-left: 8px