JSFiddle - React, Tailwind, and code Playground

HTML

<br>

<label>
    <input name="test" type="radio">Bank Deposit
</label>
<label>
    <input name="test" type="radio">Credit Card Payment
</label>

CSS

label {
    background:#aaa;
    color:#fff;
    border-radius:8px;   
    padding:1em;
    margin:1em;
    cursor:pointer;
}

label:hover {
    background:#ccc;   
}

input {
    margin-right:1em;   
}