JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<div class="ud_auswahlbox gc_400"><input type="radio" name="budget[]" value="400 €" class="ud_auswahl" id="gc_400"><label for="gc_400"></label></div>

CSS

.ud_auswahlbox { box-sizing: border-box; width: 100px; height: 100px; display: inline-block; margin: 0 10px 10px 0; position: relative}
.ud_auswahlbox input[type="radio"] { visibility: hidden}
.ud_auswahlbox label { border: 1px solid black; border-radius: 5px; width: 100px; height: 100px; box-sizing: border-box; position: absolute; left: 0; top: 0; cursor: pointer;}
.ud_auswahlbox input[type="radio"]:checked + label { border-color: rgba(0,147,255,1.00);}