#motion-demo {
  offset-path: path("M20,20 C20,100 200,0 200,100");
  animation: move 3000ms infinite alternate ease-in-out;
  width: 40px;
  height: 40px;
  background: cyan;
}

@keyframes move {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}

<label for="cheese">Do you like cheese?</label>
<input type="checkbox" required name="cheese" id="cheese" />
<style>
label:has(+ [required])::after{
content: " * ";
color:red
}
</style>