创建或赋予单选按钮样式（看起来像真实按钮）

Question

我正在使用带有“存款-部分付款”插件的Woocommerce，该插件有2个选项，即滑块或单选按钮，但我需要对选项（存款和全额付款）都使用常规按钮...

单选按钮的外观如下：

因此，我需要给两个选项选择“ Pagar abono”和“ Pagar total”这两个选项。

这是该部分的代码：

<div class="<?php echo $basic_buttons  ? 'basic-switch-woocommerce-deposits' 
 : 'deposit-options switch-toggle switch-candy switch-woocommerce-deposits'; 
?>">
    <input id='pay-deposit' name='<?php echo $product->get_id(); ?>-deposit- 
radio'
           type='radio' <?php checked($default_checked ,'deposit'); ?> 
 class='input-radio' value='deposit'>
    <label id="pay-deposit-label" for='pay-deposit'
           onclick=''><?php _e( $deposit_text , 'woocommerce-deposits' ); ?> 
</label>
    <?php if( isset( $force_deposit ) && $force_deposit === 'yes' ){ ?>
        <input id='pay-full-amount' name='<?php echo $product->get_id(); ?>- 
deposit-radio'  type='radio'
               class='input-radio'
               disabled>
        <label id="pay-full-amount-label" for='pay-full-amount'
               onclick=''><?php _e( $full_text , 'woocommerce-deposits' ); ? 
></label>
    <?php } else{ ?>
        <input id='pay-full-amount' name='<?php echo $product->get_id(); ?>- 
deposit-radio'
               type='radio' <?php checked($default_checked ,'full'); ?> 
class='input-radio' value='full'>
        <label id="pay-full-amount-label" for='pay-full-amount'
               onclick=''><?php _e( $full_text , 'woocommerce-deposits' ); ? 
></label>
    <?php } ?>
    <a class='wc-deposits-switcher'></a>
</div>

类似这样的东西：

任何想法如何实现？非常感谢。