radio custom style for webkit

radio.scss

input[type='radio'] {
  -webkit-appearance: none;
  -webkit-user-select: none;
  border-radius: 100%;
  border: 1px solid #BABABA;
  display: inline-block;
  height: 16px;
  position: relative;
  top: 3px;
  width: 16px;
  cursor: pointer;

  &:active { border: 1px solid #5c5c5c; }

  &:checked::before {
    background: #666;
    border-radius: 16px;
    content: '\20';
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 8px;
    left: 0;
    top: 0;
    margin: 3px 0 0 3px;
    position: absolute;
    vertical-align: top;
    width: 8px;
  }
}