[type='radio'] {
  display: inline;
  position: absolute;
  opacity: 0;
}

[type='radio'] + label {
  cursor: pointer;
  font-size: 1em;
  position: relative;
  display: block;
  padding-left: 1em * 1.5;

  &::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 1em * 0.3;
    left: 0;
    width: 1em;
    height: 1em;
  }
}

[type='radio'] + label::before {
  border: 2px solid $colour-grey-darkmid;
  border-radius: 50%;
}

[type='radio'][disabled],
[type='radio'][readonly] {

  &:checked + label::before {
    background-color: $colour-form-input-disabled;
    border-color: $colour-form-input-disabled;
  }

  + label::before {
    border-color: $colour-form-input-disabled;
  }

  + label {
    color: $colour-form-input-disabled;
    cursor: not-allowed;
  }
}

[type='radio']:checked + label::before {
  border-color: $colour-blue;
  background: $colour-blue;
  box-shadow: inset 0 0 0 0.125em #fff;
}