.custom-checkbox input[type="checkbox"] {
  opacity: 0;
}

.custom-checkbox label {
  position: relative;
}

.custom-checkbox label::after {
  content: url("data:image/svg+xml,%3Csvg fill='%23da39f7' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C7 2 2 7 2 12s5 10 10 10 10-4 10-10S18 2 12 2zm0 18c-4 0-8-3-8-8s4-8 8-8 8 4 8 8-3 8-8 8z'/%3E%3Cpath d='m10 17-4-4 2-1 2 2 6-6 1 1z'/%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
  position: absolute;
  width: 21px;
  height: 21px;
  left: -15px;
  margin: 0 0 0 -10px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.custom-checkbox input:checked ~ label::after {
  content: url("data:image/svg+xml,%3Csvg fill='%23da39f7' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C7 2 2 7 2 12s5 10 10 10 10-4 10-10S18 2 12 2zm-1 15-4-4 2-1 2 2 5-6 2 1-7 8z'/%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
}