input[type=checkbox] + label {
    position: initial;
    margin: 0em 0em 0em 3.5em;
    cursor: pointer;
    padding: 0.2em;
    text-align: initial;
    /* z-index: 1000; */
}

input[type=checkbox] {
    display: none;
}

/* input[type=checkbox] + label:before {
   
} */

.check + label::before{
    position: absolute;
    left: 35px;
    content: "\2714";
    border: 0.1em solid #fff;
    background-color: #ffffff96;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    padding-left: 0.2em;
    padding-bottom: 1em;
    margin-right: 1.2em;
    vertical-align: middle;
    color: #0000;
    transition: .2s;
}

.check2 + label::before{
    content: "\2714";
    border: 0.1em solid #fff;
    background-color: #ffffff96;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    padding-left: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 1em;
    margin-right: 0em;
    vertical-align: middle;
    color: #0000;
    transition: .2s;
}

/* input[type=checkbox] + label:active:before {
    transform: scale(0);
} */

input[type=checkbox]:checked + label:before {
    background-color: #ffc201;
    border-color: #fff;
    color: #080808;
}

input[type=checkbox]:disabled + label:before {
    /* transform: scale(1); */
    border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
    /* transform: scale(1); */
    background-color: #bfb;
    border-color: #bfb;
}