bb-queuer-popover {

  p {
    line-height: spacing(22);
  }

  .queuer-popover {
    /*** GENERAL STYLES ***/
    @include column-flex-container;

    a {
      padding-bottom: spacing(15);
    }

    &__border {
      &--bottom {
        border-bottom: border(1);
      }

      &--top {
        border-top: border(1);
      }
    }

    &__column {
      @include flex-column(100%);
    }

    &__padding {
      &--top {
        padding-top: spacing(15);
      }

      &--bottom {
        padding-bottom: spacing(15);
      }
    }

    &__row {
      @include flex-row;
    }

    /*** ELEMENT STYLES ***/
    &__header,
    &__queuer-info {
      padding: {
        top: 0;
        right: spacing(20);
        bottom: spacing(15);
        left: spacing(20);
      }
    }

    &__mobile {
      padding: {
        top: spacing(15);
      }
    }

    &__header {
      padding-top: spacing(20);
    }

    &__queuer-info {
      height: auto;
      max-height: spacing(298);
      overflow: auto;
    }

    &__queuer-name {
      font: {
        size: $bb-queue-concierge-queuer-popover-title;
        weight: $bb-queue-concierge-bold;
      }
      margin: 0;

      > span {
        color: $bb-dark-gray;
        cursor: default;
        padding-top: 0;
      }
    }

    &__actions-buttons {
      padding: {
        bottom: spacing(20);
      }
    }

    &__leave-queue-btn,
    &__serve-now-btn {
      @include concierge-btn;
    }

    &__leave-queue-btn {
      margin-right: spacing(10);
    }

    &__mobile-lbl,
    &__note-lbl,
    &__question {
      font: {
        weight: $bb-queue-concierge-bold;
      }
      margin: 0;
    }

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

    &__waited {
      color: $bb-queue-concierge-raven;
    }
  }
}