.c-radio {
  display: flex;
  align-items: baseline;
}


.c-radio__input {

  flex: none;
  border: 2px solid palette(neutral, 300);

  .has-error & {
    border-color: palette(warning);
  }

  &:focus {
    box-shadow: 0 0 7px -3px rgba(palette(action), 0.75);
    border-color: palette(action);
  }
}


.c-radio__label {
  @include font-size(m);
  margin-left: space(1);
}

.c-radio__extra {
  @include font-size(base);
  @include font-weight('semi-bold');
  color: palette(text, 300);
}