<input type="radio" name="e">
<input type="radio" name="e" style="--s:60px;">
<input type="radio" name="e" style="--s:80px;">

<input type="radio" name="e" class="round">
<input type="radio" name="e" class="round" style="--s:60px;">
<input type="radio" name="e" class="round" style="--s:80px;">

input {
  --s: 40px;
  
  width: var(--s);
  aspect-ratio: 1;
  border: calc(var(--s)/8) solid var(--_c,grey);
  padding: calc(var(--s)/8);
  background: var(--_c,#0000) content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition:.3s;
}
input:checked {
  --_c:green;
}

.round {
  border-radius:50%;
}

body {
  background: pink;
  display: grid;
  height: 100vh;
  margin:0;
  grid-auto-flow :column;
  place-content: center;
  align-items:center;
  gap: 40px;
}