Не срабатывает отмена выделения радиокнопки из группы кнопок

/* обозначаем блок - флексом,
    и указываем, что элементы внутри блока,
    должны распологаться по центру.
*/
.editClass {
    display: flex;
    justify-content: center;
}
 
/*Свойство display отвечает за вывод и
    визуальное отображение элементов на странице.
 Так как любой html-элемент генерирует на веб-странице
прямоугольный контейнер, укажем, что элемент не генерирует никакой контейнер,
полностью удаляясь со страницы.
*/
.radioClass{
    vertical-align: top; /*управляет вертикальным выравниванием
         строчных элементов и содержимого ячеек таблицы.*/
    width: 15px;
    height: 15px;
    display: none;/*элемент с "видом по умолчанию",
      исключается из общего потока, он не отображается на экране
      и под него не резервируется место на странице*/
 
}
 
/*рисуем радио-кнопку*/
i{
    display: inline-block;/*Элемент генерирует строковый блок.*/
    width: 20px; /*размеры*/
    height: 20px;
    border: 1px solid #000;
    border-radius: 50%;/* получаем круглый элемент*/
    position: relative;
    cursor: pointer;
}
 
/*вид элемента до и после включения*/
i:after,i:before{
    content: '';
    width: 100%;/* заполенение элемента на 100 %*/
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .5s;/*transition применяется для плавного изменения
    вида элемента при наведении на него курсора*/
    border-radius: 50%;
}
 
/*цвет после нажатия*/
i:after{
    background: green;
 
}
 
/*цвет перед нажатием*/
i:before{
    background: #FFFF66;
 
}
 
/* поведение изменения цвета кнопки после того,
как было снято выделение данной кнопки*/
.radioClass:not(:checked)+i:after{
    transform: scale(0); /*для горизонтального масштабирования и для вертикального,
    0 - checkbox - постепенно теряет цвет и становится внутри с обычным фоном */
}
 
/* поведение изменения цвета кнопки после того,
как было выделена данная кнопка*/
.radioClass:checked+i:after{
    transform: scale(1);/*checkbox - заполняется цветом */
}
 
/*для скрипта, который фокусируется на последней странице в столбце.*/
.changeColor {
    border: 3px solid red;
}
 
/*информационное сообщение на странице редактирования*/
.choice{
 
    padding-top: 25px;
    padding-left: 25px;
    padding-bottom: 25px;
    color: red;
    font-size: 15px;
}