.merge-basket-options {
  background-color: $gray-bg;
  margin-top: 30px;
  margin-bottom: 40px;

  @include media-breakpoint-down(sm) {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  @include media-breakpoint-only(md) {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  @include media-breakpoint-up(lg) {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  &-inner {
    @include make-row;
    align-items: center;
  }

  &__choise {
    @include make-col-ready;

    @include media-breakpoint-down(sm) {
      @include make-col(12);
      margin-bottom: 20px;
    }

    @include media-breakpoint-only(md) {
      @include make-col(7);
    }

    @include media-breakpoint-only(lg) {
      @include make-col(9);
    }

    @include media-breakpoint-up(xl) {
      @include make-col(10);
    }
  }

  &__choise-inner {
    display: flex;
    border-right: 1px solid $gray;

    @include media-breakpoint-down(sm) {
      padding-bottom: 30px;
      padding-right: 30px;
      border-bottom: 1px solid $gray;
      border-right: 0;
    }

    @include media-breakpoint-down(md) {
      flex-direction: column;
    }

    @include media-breakpoint-up(lg) {
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .rbn {
      @include media-breakpoint-down(md) {
        &:not(:first-of-type):not(:last-of-type) {
          margin-bottom: 20px;
          margin-top: 20px;
        }
      }

      @include media-breakpoint-up(lg) {
        &:not(:first-of-type) {
          margin-left: 40px;
        }
      }
    }
  }

  &__submit-wrap {
    @include make-col-ready;
    @include make-col(12);
    text-align: right;

    @include media-breakpoint-only(md) {
      @include make-col(5);

    }

    @include media-breakpoint-only(lg) {
      @include make-col(3);
    }

    @include media-breakpoint-up(xl) {
      @include make-col(2);
    }
  }

  &__submit {
    @include button-full;
    @include media-breakpoint-only(md) {
      max-width: 210px;
    }

    @include media-breakpoint-up(lg) {
      max-width: 160px;
    }
  }

  .icon {
    @include media-breakpoint-down(sm) {
      position: absolute;
      right: -30px;
      top: 0;
    }
  }

  .icon-info-component {
    margin-left: 7px;
  }
}
