JSFiddle - React, Tailwind, and code Playground

HTML

<label for="a1" class="radiostyle"><input type="radio" name="1" value="420" id="a1">
    Cat ($420)
</label>

<br>

<label for="a2" class="radiostyle">
<input type="radio" name="1" value="375" id="a2">  
    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;
    }