JSFiddle - React, Tailwind, and code Playground

HTML

<div class="asd" id="staffs">
    <label>
        <input type="checkbox" value="1" name="staffs[]" id="staffs_1">
        acesor juridico
    </label>
        <label>
        <input type="checkbox" value="2" name="staffs[]" id="staffs_2">
        acesor juridico
    </label>
    <label >
        <input type="checkbox" value="3" name="staffs[]" id="staffs_3">
        acesor juridico
    </label>
    <label>
        <input type="checkbox" value="4" name="staffs[]" id="staffs_4">
        acesor juridico
    </label>
  </div>

CSS

label {
    color:blue;
    display:block;
    height:30px;
    margin:10px;
    padding:10px;
}

label:hover{
    background:pink;
    cursor:pointer;
    text-shadow:1px 1px 1px #666;
    box-shadow:2px 2px 2px #555;
}