Facing some issues

I am using this form from 5-6 years this is just awesome. But a client wants to make checkbox looks like toggle type selectable buttons.

I created a module via CF7, I wants to make some changes like padding, color, etc to make checkbox looks like a button. Or anything else to achieve this.

using css

.togglebuttons .wpcf7-list-item {
margin: 0 10px 0 0;
display: inline-block;
}
.togglebuttons > span input {
opacity: 0;
position: absolute;
}

.togglebuttons > span .wpcf7-list-item-label {
cursor: pointer;
display: block;
color: #ffffff;
border-radius: 15px;
background: #f44571;
padding: 5px 15px;
background: #4054b2;
box-shadow: 0 0px 0px rgba(0,0,0,.2);
border: 0px solid #e0e0e0;
}

.togglebuttons > span input:checked + .wpcf7-list-item-label {
background: #4054b2;
border: 0px solid #0193c2;
color: #ffffff;
font-weight: bold;
}