.cardCheckWrap{
    display: inline-block;
    margin-bottom:25px;
    position: relative;
}
.cardCheckWrap input.cardCheckbox[type=checkbox]{
    visibility: hidden; 
    z-index: -1; position: 
    absolute; top: 0; 
    left: 0;
}
.cardCheckWrap input.cardCheckbox[type="checkbox"] + label{
    display: inline;
    margin-right:10px;
    border:1px solid #bcbcbc;
    color:white;
    vertical-align: middle;
    cursor:pointer;
    background: #bcbcbc;
    padding:5px 15px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.cardCheckWrap input[type="checkbox"]:checked + label{
    background: #EE4459;
    color:white;
    border:1px solid #EE4459;
}
.cardCheckWrap input.cardCheckbox[type="checkbox"] + label i{
    margin-right:5px;
}
.cardCheckWrap input[type="checkbox"]:checked + label i{
    color: white!important;
}