round-color: var(--primary-clr-1);
  width: 0;
  transition: width 0.5s, background-color 0.3s 0.5s;
}

.checkbox:checked + .checkbox__label--text::before {
  background-color: var(--checked);
  width: calc(100% + var(--stroke-dimension));
  transition: width 1.25s 0.75s, background-color 0.5s 2s;
}

</style>
    