.char-btn input[type="radio"] {
    background-color: rgb(42, 157, 143);
    opacity: 0.7;
    z-index: 100;
}

/* And the label bounding boxes are mutable this way */
.char-btn label {
    padding: 3px;
    padding-right: 20px;
    border: 1px solid #CCC;
    cursor: pointer;
    z-index: 90;
    color: black;
}

/* And hovering works this way*/
.char-btn label:hover {
     background: rgb(42, 157, 143);
}

/*
.char-btn label:checked:after {
        background: rgb(42, 157, 143);
    }

.char-btn input[type="radio"]:checked + label {
    background: rgb(42, 157, 143);
}
*/