bb-queue-concierge-upcoming-booking-modal {


  .booking-warning {
    @include column-flex-container;

    &__title-column {
      @include flex-column(95%);
    }

    &__close-modal-column {
      @include flex-column(5%);
      @include flex-right-align-items;
    }

    &__content-column {
      @include flex-column(100%);
      padding-top: spacing(16);
    }

    &__header-row,
    &__content-row,
    &__footer-row {
      @include flex-row;
      border-bottom: border(1);
      padding: spacing(20);
    }

    &__notification-row,
    &__question-row,
    &__appt-info-row {
      @include flex-row;
    }

    &__title {
      font: {
        size: $bb-queue-concierge-modal-title;
        weight: $bb-queue-concierge-bold;
      }
    }

    &__close-icon {
      @include css-close-icon;
      margin-top: 5px;
    }

    &__notification,
    &__question {
      font: {
        size: $bb-queue-concierge-modal-content;
        weight: $bb-queue-concierge-bold;
      }
    }

    &__notification {
      margin: 0;
    }

    &__appointment-info-box {
      border: border(1);
      margin: {
        top: spacing(20);
        bottom: spacing(20);
      }
      width: 100%;
      &-header {
        background-color: $bb-queue-concierge-bg-gray;
        border-bottom: border(1);
        font: {
          size: $bb-queue-concierge-modal-content;
        }
        padding: {
          top: spacing(14);
          right: spacing(20);
          bottom: spacing(14);
          left: spacing(20);
        }
      }
      &-content {
        padding: spacing(20);
      }
    }

    &__appointment-time {
      font: {
        size: $bb-queue-concierge-modal-title;
        weight: $bb-queue-concierge-bold;
      }
      margin-bottom: spacing(5);
    }

    &__who-what-where {
      font: {
        size: $bb-queue-concierge-modal-content;
      }
    }

    &__footer-row {
      background-color: $bb-queue-concierge-bg-gray;
    }

    &__footer-column {
      @include flex-column(100%);
      @include flex-right-align-items;
    }

    &__go-back {
      @include concierge-btn;
      @include concierge-btn-secondary;
      margin-right: spacing(10);
    }

    &__serve-now {
      @include concierge-btn;
      @include concierge-btn-primary;
    }
  }
}