.form-type-checkbox {
  width: 100%;
  display: flex;
  gap: 16px;
}

input[type="checkbox"] {
  appearance: none;
  width: 24px;
  height: 24px;
  background-image: url('../../images/icons/checkbox-unchecked.svg');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  outline: none;
  transition: background-image 0.3s;

  &:hover {
    background-image: url('../../images/icons/checkbox-hover.svg');
  }

  &:checked {
    background-image: url('../../images/icons/checkbox-checked.svg');
  }
}

/* input[type="checkbox"]:hover {
  background-image: url('../../images/icons/checkbox-hover.svg');
} */

/* input[type="checkbox"]:checked {  
  background-image: url('../../images/icons/checkbox-checked.svg');  
} */