input[type=checkbox].toggle-checkbox {
    position: relative;
    -webkit-appearance: none;
    background: #ff0000;
    outline: none;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    /*transition: .5s; */
}
input[type=checkbox]:checked.toggle-checkbox {
    background: rgb(0, 165, 80);
}
input[type=checkbox].toggle-checkbox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    transition: .5s;
    transform: scaleX(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

/* LG */
input[type=checkbox].toggle-checkbox-lg {
    width: 60px;
    height: 30px;
    border-radius: 15px;
}
input:checked[type=checkbox].toggle-checkbox-lg:before {
    left: 30px;
}
input[type=checkbox].toggle-checkbox-lg:before {
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

/* SM */
input[type=checkbox].toggle-checkbox-sm {
    width: 24px;
    height: 12px;
    border-radius: 6px;
}
input:checked[type=checkbox].toggle-checkbox-sm:before {
    left: 12px;
}
input[type=checkbox].toggle-checkbox-sm:before {
    width: 12px;
    height: 12px;
    border-radius: 6px;
}