.radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
}

.radio-item input[type='radio'] {
  display: none;
}

.radio-item label {
  color: #333333;
  font-weight: normal;
}

.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 25px;
  height: 25px;
  border-radius: 18px;
  border: 2px solid #333333;
  background-color: #fafafa;
}

.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: green;
}