JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript"><!--
    function validate (f) {
        var rc = false;
        var r = f.elements["payment-id"];
    
        for (var i = 0, max_i = r.length; i < max_i; i++) {
           if (r[i].checked) {
               alert( "Checked payment-id, value = " + r[i].value );
               // rc = true;
               break;
           }
        }
        return rc;
   }
//--></script>
<form class="payment" method="post" onsubmit="return(validate(this))">
    <fieldset>
        <legend>Перевод денег</legend>
        <ul>
            <li>
                <input type="radio" value="1" name="payment-id" id="payment-1" />
                <label for="payment-1">Банковским переводом</label>
            </li>
            <li>
                <input type="radio" name="payment-id" value="2" id="payment-2" />
                <label for="payment-2">Наличными</label>
            </li>   
            <li>
                <input type="radio" name="payment-id" value="3" id="payment-3" />
                <label for="payment-3">По безналичному расчету</label>
            </li>
        </ul>
    </fieldset>
    <!-- <fieldset class="buttons">
        <input type="submit" value="Перевести" />
    </fieldset> -->
</form>

CSS

form.payment fieldset.buttons,
form.payment fieldset legend {
    padding: 0;
    margin: 0;
}
form.payment fieldset.buttons {
    border: 0 none;
}