.checkbox-toggle input[type="checkbox"] {
    display: none;
}

.checkbox-toggle label {
    width: 80px;
}

.checkbox-toggle input[type="checkbox"] ~ label, .checkbox-toggle input[type="checkbox"]:checked ~ label:last-of-type {
    display: none;
}

.checkbox-toggle input[type="checkbox"] ~ label:last-of-type, .checkbox-toggle input[type="checkbox"]:checked ~ label {
    display: inline-block;   
}




input[type="checkbox"]:checked   {
    background-color: black;
}