JSFiddle - React, Tailwind, and code Playground

HTML

<p>
  Some wording about the acceptance of this and that.<br>Do you accept thi blah blah blah?
</p>
<p>
    <input type="checkbox" id="checkbox">
    GDPR Checkbox
    <br><br>
    <button id="submit" type="submit">Submit</button>
</p>

CSS

#submit {
  cursor: no-drop;
  pointer-events: none;
}

#checkbox:checked ~ #submit {
  cursor: pointer;
  pointer-events: auto;
}