@mixin staff-person-popover {

  .staff-person-popover {
    @include column-flex-container;
    padding: {
      top: spacing(25);
      right: spacing(20);
      bottom: spacing(20);
      left: spacing(20);
    }

    &__row {
      @include flex-row;
    }

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

    &__action-label {
      @include popover-action-label;
      padding-bottom: spacing(10);
      margin: 0;
    }

    &__action-button-row {
      @include flex-row;
      margin-bottom: spacing(23);
    }

    &__action-button {
      @include popover-action-button;
      border-radius: 0;
      border-right: none;
      flex-grow: 1;
      &:first-child {
        border-top-left-radius: $bb-queue-concierge-border-radius;
        border-bottom-left-radius: $bb-queue-concierge-border-radius;
      }
    ;
      &:last-child {
        border-top-right-radius: $bb-queue-concierge-border-radius;
        border-bottom-right-radius: $bb-queue-concierge-border-radius;
        border-right: border(1);
      }
    ;
    }

    &__footer-row {
      border-top: border(1);
      padding-top: spacing(20);
    }

    &__primary-action-button {
      @include concierge-btn;
      @include concierge-btn-primary;
    }
  }
}