input[type='checkbox']:checked ~ label .shipping-toggle-inner {
  transform: translate(28px, 0);
}

input[type='checkbox']:checked ~ label .shipping-toggle-inner-product {
  transform: translate(13px, 0);
}

input[type='checkbox']:checked ~ label .shipping-toggle {
  background-color: rgba(var(--color-primary) / 1);
}

input[type='checkbox']:checked ~ label .shipping-toggle-inner .icon--close {
  transform: translate(0, -22px);
}

input[type='checkbox']:checked ~ label .shipping-toggle-inner .icon--check {
  transform: translate(0, -20px);
}