rws adlı üyeden alıntı

bu şekilde şekilde olmuyor, kodunuzu da tam bilmiyorum
::before kısmını iptal edip alttaki gibi yapmanız lazım:

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
padding-left: 1em;
color: #8e44ad;
background: white;
border-radius: 1rem;
}


Hocam sanırım anlatamadım. Aşağıdaki gibi .group classına background verince, labelin borderının üzerine basıyor. Bunu çözemedim.

.group {
display: flex;
align-items: center;
margin-bottom: 2em;
background-color:#fff;
}