@mixin popover-container {
  @include flex-row;
  align-items: center;
  justify-content: right;
}

@mixin popover-icon {
  @include flex-row;
  align-items: center;
  background-color: white;
  border: border(1);
  border-radius: $bb-studio-border-radius;
  color: $bb-dark-gray;
  height: spacing(36);
  justify-content: center;
  width: spacing(36);
  &:after {
    content: "•••";
    letter-spacing: spacing(2);
    margin-right: spacing(-2);
    text-decoration: none;
  }
  &:hover {
    text-decoration: none;
  }
  &:focus {
    border: border(1);
    box-shadow: none;
  }
}

@mixin popover-overrides {
  .popover-content {
    padding: 0;
  }

  .popover {
    border-radius: $bb-studio-border-radius;
  }
}

@mixin popover-header-with-title {
  border-bottom: border(1);
  font: {
    //size: 12px;
    weight: 700;
  }
  padding: {
    top: spacing(15);
    bottom: spacing(14);
  }
}

@mixin popover-action-label {
  font: {
    size: $bb-queue-concierge-queuer-popover-content;
    weight: $bb-queue-concierge-bold;
  }
}

@mixin popover-action-button {
  @include concierge-btn;
  @include concierge-btn-secondary;
  min-width: 0;
  padding: {
    right: 0;
    left: 0;
  }
}

@mixin popover-dimensions {
  min-width: spacing(382);
  max-height: spacing(432);
}

@mixin bbc-button-popover-icon {
  background-color: white;
  border: border(1);
  border-radius: $bb-studio-border-radius;
  color: $bb-dark-gray;
  padding: 0;
  text-align: center;
  width: spacing(37);
  &:after {
    content: "•••";
    letter-spacing: spacing(2);
    margin-right: spacing(-2);
    text-decoration: none;
  }
  &:hover {
    text-decoration: none;
  }
  &:focus {
    border: border(1);
    box-shadow: none;
  }
}