CSS in form styler settings

.togglebuttons .wpcf7-list-item {
margin : 0 5px 10px 0;
display : inline-block;
}
.togglebuttons > span input {
opacity : 0;
position : absolute;
}
.togglebuttons > span .wpcf7-list-item-label {
cursor : pointer;
display : block;
color : #333;
border-radius : 2px;
background : #ffffff;
padding : 5px 20px;
background : #efefef;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.2);
border : #e0e0e0 solid 1px;
}
.togglebuttons > span input:checked + .wpcf7-list-item-label {
color : #ffffff;
font-weight : 200;
}

This CSS doesn’t work anymore in the CSS form styler settings area with Version 3.3.X

CSS should transform some radio buttons with “class:togglebuttons” to normal buttons and it works until 3.2.19. CSS code is valid.

Could you please check that? Thank you