.account-heading {
  @include make-col-ready;
  @include make-col(12);

  &__content {
    @include media-breakpoint-down(md) {
      margin-bottom: 30px;
    }

    @include media-breakpoint-up(lg) {
      border-bottom: 1px solid $gray;
      padding-bottom: 30px;
      margin-bottom: 40px;
    }
  }

  &__title {
    margin-bottom: 0;
  }

  &__subtitle-wrap {
    padding-top: 10px;
  }

  @include media-breakpoint-up(md) {
    &__subtitle-wrap {
      @include make-row;
    }
  }

  &__subtitle {
    margin-bottom: 0;

    @include media-breakpoint-up(md) {
      @include make-col-ready;
    }

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

    @include media-breakpoint-up(lg) {
      @include make-col(6);
      @include make-col-offset(3);
    }
  }

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

    @include media-breakpoint-up(md) {
      @include make-col-ready;
      display: flex;
      align-items: end;
      justify-content: flex-end;
    }

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

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

  &__btn {
    @include media-breakpoint-down(sm) {
      @include button-full;
    }

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

  &__pagination {
    @include make-row;
    margin-top: -20px;
    margin-bottom: 14px;

    &-left-side {
      @include make-col-ready;
      @include make-col(12);

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

    &-content {
      @include make-col-ready;
      @include make-col(12);

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

    &-link {
      display: flex;
      align-items: center;

      font-weight: 500;
    }
  }

  .icon {
    margin-right: 8px;
  }
}
