JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="important_checkbox" id="important_checkbox"><label for="important_checkbox">This is a label <span class="mock_checkbox"></span></label>

CSS

#important_checkbox {
  display: none;
}
#important_checkbox + label span {
  border-radius: 50%;
border: 1px solid black;
background: blue;
width: 1em;
height: 1em;
margin-left: 1em;
display: inline-block;
vertical-align: middle;
}
#important_checkbox:checked + label span {
  background: green;
}