lect: none;
  scale: 1.5;
  transition: color 0.3s;
}

.checkbox__label:hover {
  color: var(--hover);
}

.checkbox:checked + .checkbox__label--text {
  color: var(--checked);
}

.checkbox__label--text {
  position: relative;
}

.checkbox__label--text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(-1 * var(--stroke-dimension));
  width: var(--stroke-dimension);
  height: var(--stroke-dimension);
  margin-right: 0.5em;
  border-radius: 1em;
}

.checkbox__label--text::before {
  backg