.checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  column-gap: 0.56em;
  font-size: 1rem;
  cursor: pointer;
}

.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox";
}

.checkbox__input > * {
  grid-area: checkbox;
}

.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em;
}

.checkbox__input input:checked + .checkbox__control {
  border-color: #810001;
}

.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
}

.checkbox__input input:focus + .checkbox__control {
  box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em #C2D1D9;
}

.checkbox__label {
  font-weight: 400;
  line-height: 1;
}

  .checkbox__description {
    font-size:smaller;
    display:block;
    margin-top:8px;
  }

.checkbox__control {
  border-radius: 0.125em;
  border: 0.125em solid #C2D1D9;
  display: inline-grid;
  width: 1.0625em;
  height: 1.0625em;
  padding: 0.0625em;
  align-content: center;
  transition: border-color 0.1s ease-in;
}

.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left;
}