.control.checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 3px 12px 3px 6px;
    border-radius: 3px;
    font-size: .75em;
    text-transform: uppercase;
    font-weight: 600;
    transition: background .2s;
}

.control.checkbox:hover {
    background: var(--list-line-background-color);
}