.custom-checkbox {
  display: inline-flex;
  cursor: pointer;
}

.custom-checkbox input {
  display: none;
}

.checkbox-icon {
  width: 23px;
  height: 23px;
  display: inline-block;
  position: relative;
}

.checkmark {
  opacity: 0;
  transition: opacity 0.2s ease;
}

input:checked + .checkbox-icon .checkmark {
  opacity: 1;
}