Onay Kutusu 15

.checkmark17 {
display: block;
width: 30px;
height: 30px;
background-color: #ddd;
border-radius: 10px;
position: relative;
transition: background-color 0.4s;
overflow: hidden;
cursor: pointer;
}

#check:checked ~ .checkmark17 {
background-color: #08bb68;
}

.checkmark17::after {
content: "";
position: absolute;
width: 5px;
height: 10px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
top: 44%;
left: 50%;
transform: translate(-50%, -50%) rotateZ(40deg) scale(10);
opacity: 0;
transition: all 0.4s;
}

#check:checked ~ .checkmark17::after {
opacity: 1;
transform: translate(-50%, -50%) rotateZ(40deg) scale(1);
}