Onay Kutusu 7

/* Hide the default checkbox */
.container7 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

.container7 {
display: block;
position: relative;
cursor: pointer;
font-size: 20px;
user-select: none;
}

/* Create a custom checkbox */
.checkmark7 {
position: relative;
top: 0;
left: 0;
height: 1.3em;
width: 1.3em;
background-color: #ccc;
border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
box-shadow: 0px 0px 17px #c7bbb8;
}

/* When the checkbox is checked, add a blue background */
.container7 input:checked ~ .checkmark7 {
background-color: #f34b21;
box-shadow: 0px 0px 17px #f34b21;
}

/* Create the checkmark7/indicator (hidden when not checked) */
.checkmark7:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark7 when checked */
.container7 input:checked ~ .checkmark7:after {
display: block;
}

/* Style the checkmark7/indicator */
.container7 .checkmark7:after {
left: 0.45em;
top: 0.25em;
width: 0.25em;
height: 0.5em;
border: solid rgb(233, 222, 222);
border-width: 0 0.15em 0.15em 0;
transform: rotate(45deg);
}