如果您能帮助我格式化这些单选按钮，我将不胜感激:

null

.frm_radio div {
    display:flex!important;
    align-items: center!important;
  justify-content: center!important;
  width:100%!important;
  height:400px!important;
  background:white!important;
    border-radius:50%!important;
    border:3px black solid!important;;
}

.frm_radio label {
    width:80%!important;
    font-size:30px!important;
    color:black!important;
    line-height:1.2!important;
    margin:auto!important;
}

.frm_radio input:checked + div {
    background:#FFC5FF!important;
}

.frm_radio input {
    display:none!important;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="frm_radio" id="frm_radio_15-0">     <input type="radio" name="item_meta[15]" id="field_2ycsr-0" value="0.65" data-frmval="1" data-invmsg="Watcha normally eat? is invalid"><div>
            <label for="field_2ycsr-0"> &lt;3 plants (vegan or vegetarian)</label></div></div>

null

整个东西被包裹在一个CSS网格中，使得所有东西都是方形的（所以它们是圆形而不是椭圆形）。 在这个CSS中，我只是通过添加一个高度来模拟它。

我的问题是，我希望整个圆圈是可点击的； 现在只有文本是可点击的。 我该怎么布置才能让它那样工作呢？

所有！重要标签的原因:我正在使用强大的Forms插件来制作表单。 我知道它很乱，但它很好用！