<div class="mt-10 px-10 py-12"> <div class="flex max-w-xs flex-col space-y-4"> <label class="has[:checked]:bg-indigo-500 flex justify-center space-x-3 rounded-md border px-10 py-2 font-bold capitalize has-[:checked]:border-2 has-[:checked]:border-amber-600 has-[:checked]:text-indigo-900"> <span> google pay </span> <input type="radio" name="radio" class="checked:border-indigo-500" /> </label> <label class="has[:checked]:bg-indigo-500 flex justify-center space-x-3 rounded-md border px-10 py-2 font-bold capitalize has-[:checked]:border-2 has-[:checked]:border-amber-600 has-[:checked]:text-indigo-900"> <span> paytm </span> <input type="radio" name="radio" class="checked:border-indigo-500" /> </label> <label class="has[:checked]:bg-indigo-500 flex justify-center space-x-3 rounded-md border px-10 py-2 font-bold capitalize has-[:checked]:border-2 has-[:checked]:border-amber-600 has-[:checked]:text-indigo-900"> <span> paypal </span> <input type="radio" name="radio" class="checked:border-indigo-500" /> </label> </div> </div>