.flat-checkbox {
    display: none;
}

.flat-checkbox:checked+.flat-checkbox-label {
    background: #249280;
    color: #fff;
}

.flat-checkbox-label {
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #ccc;
    transition: 0.25s;
    padding: 6px 18px;
    cursor: pointer;
    font-size: 14px;
    margin: 3px;
}

.flat-checkbox-label:hover {
    opacity: 0.5;
}