gistfile1.css

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

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