JSFiddle - React, Tailwind, and code Playground

by head__space

HTML

<p>
  <input type="radio" name="radio1" id="answer1" value="yes">
  <label for="answer1">&nbsp&nbspДа</label>
</p>

<p>
  <input type="radio" name="radio1" id="answer2" value="no">
  <label for="answer2">&nbsp&nbspНет</label>
</p>

CSS

Разве что только кастомный, с помощью псевдоэлементов:

input[type='radio'],
label {
  cursor: pointer;
}

input[type='radio'] {
  position: relative;
  height: 22px;
  width: 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

input[type='radio']::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  color: red;
  border: 2px solid dodgerblue;
}

input[type='radio']:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
  transform: translate(-50%, -50%);
  visibility: visible;
}