<div class="checkbox">
  <input type="checkbox" id="checkbox_1" />
  <label for="checkbox_1">
    Checkbox Label
  </label>
</div>

<div class="checkbox checkbox--hover">
  <input type="checkbox" id="checkbox_2" />
  <label for="checkbox_2">Checkbox Label</label>
</div>

<div class="checkbox">
  <input type="checkbox" id="checkbox_3" checked />
  <label for="checkbox_3"> Checkbox Label</label>
</div>

<div class="checkbox">
  <input type="checkbox" id="checkbox_4" disabled />
  <label for="checkbox_4">Checkbox Label</label>
</div>

<div class="checkbox checkbox--focus">
  <input type="checkbox" id="checkbox_5" />
  <label for="checkbox_5">Checkbox Label</label>
</div>