<label class="checkbox__label" for="checkbox">
  <span class="checkbox__container">
    <input class="checkbox" id="checkbox" type="checkbox" />

    <span class="checkbox__label--text"> Check box. </span>
  </span>
</label>

<style>
/* From Uiverse.io by Timbar09  - Tags: checkbox */
.checkbox__container {
  --primary-clr-1: #2bbee7;
  --primary-clr-2: #0e728e;
  --text-clr-1: #8f8f8f;

  --checkbox-bg-clr: #33333367;
  --checkbox-border-clr: #55555575;

  color: var(--text-clr-1);
  display: flex;
  align