input[type="checkbox"] {
    width: 50px;
    height: 25px;
    appearance: none;
    background-color: gray;
    border-radius: 10px;
    box-shadow: inset 0px 0px 4px 1px black;
    cursor: pointer;
    position: relative;
    transition: .4s;
}

input:checked[type='checkbox'] {
    background-color: var(--cor_empresa) !important;
}

input[type="checkbox"]:before {
    content: '';
    width: 25px;
    height: 25px;
    background-color: white;
    border-radius: 12.5px;
    position: absolute;
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.25);
    transition: .4s;
}

input:checked[type="checkbox"]:before {
    left: 25px;
}