JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="https://dimox.github.io/jQueryFormStyler/jquery.formstyler.js"></script>
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/jquery.formstyler.css">
<div><p><input name="answer" class="styler" type="radio" value="yes">Да<input name="answer" class="styler" type="radio" value="no" checked>Нет</p>
<p><input type="submit" value="Выбрать"></p></div>

CSS

div {
  background-color: #964939;
  color:white;
  font-family: Arial;
  font-size:16px;
}
.jq-radio {
		width: 28px;
		height: 12px;
		font-size: 16px;
		font-weight: 700;
		border: 0;
		border-bottom:3px dotted white;
		border-radius:0;
    box-shadow:none;
    background: transparent;
	 }
   			.jq-radio~span {
          position: absolute;
          top: -8px;
          left: 6px;
        }
.jq-radio.checked {
			width: 64px;
			height: 44px;
			border: 2px solid white;
			border-radius:50%;
		 }
		 	.jq-radio.checked~span {
				position: absolute;
				top: -4px;
				left: 22px;
			}
input[type="submit"] {
		width: 204px;
		height: 44px;
		background-color: #ffd900;
		color: #231f20;
		font-size: 16px;
		font-weight: 700;
		padding: 0;
	}
.jq-radio .jq-radio__div {
		 display:none;
	 }

JavaScript

$('input').styler();