.radio {
  position: relative;
  display: block;

  label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    transition: .28s ease;
    user-select: none;

    &:before, &:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      margin: 2.5px 5px;
      width: 18px;
      height: 18px;
      z-index: 0;
      transition: .28s ease;
      border-radius: 50%;
    }

    &:before {
      border: 2px solid #5a5a5a;
    }

    &:after {
      transform: scale(0);
    }
  }

  input {
    position: absolute;
    opacity: 0;

    &:checked+label {

      &:after {
        transform: scale(0.5);
        background-color: #ff7200;
      }

      &:before {
        border: 2px solid #ff7200;
      }
    }
  }

  &.disabled {

    input {

      &:checked+label {

        &:after {
          background-color: #9e9e9e;
        }

        &:before {
          border: 2px solid #9e9e9e;
        }
      }
    }
  }
}