JSFiddle - React, Tailwind, and code Playground

HTML

<Input type = "radio" Name= 1 Value = 420 id="a1">
 <label for="a1" class="radiostyle" >   Cat ($420)
</label>

<br>

<Input type = "radio" Name= 1 Value = 375 id="a2"> 
<label for="a2" class="radiostyle">
 
    Dog ($375)
</label>

CSS

.radiostyle{
    background-color: #CCC;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding:4px;
    }

    .radiostyle:hover{
    background-color: #0F6;    
    cursor:pointer;
    }
    
    input[type=radio]:checked+label {
    /* Or `#a1:checked+label` if you only want it for that input */
    background-color: #0F6;
    }