bb-event-attendee-popover {

  .EventAttendeePopover {
    @include column-flex-container;

    &__row {
      @include flex-row;
    }

    &__header,
    &__footer {
      padding: spacing(20);
    }

    &__attendee-info {
      @include flex-column(95%);
      & h1 {
        font-size: 20px;
        margin: 0;
      }
      & h2 {
        color: $studio-raven-pale-gray;
        font-size: 14px;
        margin: 0;
        padding: {
          top: spacing(5);
        }
      }
    }

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

    &__close-icon {
      @include css-close-icon;
      cursor: pointer;
    }

    &__footer {
      padding-top: 0;
    }

    &__buttons {
      .btn {
        margin-left: 0
      }
      .btn-primary {
        border-color: transparent;
        font-weight: 600;
        min-width: spacing(120);
        padding: {
          top: spacing(8);
          right: spacing(10);
          bottom: spacing(8);
          left: spacing(10);
        }
      }
    }
  }
}