gistfile1.css

/*css radio02*/
.radio02-input{
  display: none;
}
.radio02-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio02-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio02-input:checked + label{
  color: #009a9a;
}
.radio02-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}

<!-- html -->
<div class="radio02">
  <input type="radio" name="radio02" class="radio02-input" id="radio02-01">
  <label for="radio02-01">ラジオ01</label>
  <input type="radio" name="radio02" class="radio02-input" id="radio02-02">
  <label for="radio02-02">ラジオ02</label>
  <input type="radio" name="radio02" class="radio02-input" id="radio02-03">
  <label for="radio02-03">ラジオ03</label>
</div>