.form-check {
  padding-left: 0;
}

.form-check-input {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.form-check-label {
  padding-left: 1.8rem;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 1.2rem;
}

[type="checkbox"] + .form-check-label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M0 4v40a4 4 0 004 4h40a4 4 0 004-4V4a4 4 0 00-4-4H4a4 4 0 00-4 4zm41 41H7a4 4 0 01-4-4V7a4 4 0 014-4h34a4 4 0 014 4v34a4 4 0 01-4 4z'/%3E%3C/svg%3E");
}
[type="checkbox"]:checked + .form-check-label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M0 4v40a4 4 0 004 4h40a4 4 0 004-4V4a4 4 0 00-4-4H4a4 4 0 00-4 4zm41 41H7a4 4 0 01-4-4V7a4 4 0 014-4h34a4 4 0 014 4v34a4 4 0 01-4 4z'/%3E%3Cpath d='M38.48 13.75L20.51 31.3 9.71 20.24l-2.76 2.7 13.5 13.82 20.73-20.25-2.7-2.76z'/%3E%3C/svg%3E");
}

[type="radio"] + .form-check-label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 0a24 24 0 1024 24A24 24 0 0024 0zm0 46a22 22 0 1122-22 22 22 0 01-22 22z'/%3E%3C/svg%3E");
}
[type="radio"]:checked + .form-check-label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 0a24 24 0 1024 24A24 24 0 0024 0zm0 46a22 22 0 1122-22 22 22 0 01-22 22z'/%3E%3Ccircle cx='24' cy='24' r='9'/%3E%3C/svg%3E");
}