Customize button on checkout page

Hi team,

I’m trying to customize button in checkout page and i’m using “Checkout field editor” plugin using this code:

.radio_box .thwcfe-input-field[type=’radio’] {
display: none;
border-radius: 8px;
position: center;
}
.radio_box label.radio {
float: left;
border: 1px solid #000;
border-radius: 8px
text-align: center;
width: auto;
padding: 10px 46px;
position: center;
}
.radio_box label.radio {
float: left;
border-radius: 8px;
position: center;
}
.radio_box .thwcfe-input-field:checked + label.radio{
background:#cfa748;
color:#fff;
border-radius: 8px;
position: center;
}

I’m trying to make this customization but not working:

? Center position is not working
? I want when someone is passing with the mouse on a field that the color appear (#cfa748)
? Computer and smartphone : Center buttons and make them more longueur (hole line) and with a small separataion between them and in the same row

Thanks for your help.

The page I need help with: [log in to see the link]