bb-service-popover {

  .service-popover {
    @include column-flex-container;
    padding: spacing(20);

    &__row {
      @include flex-row;
    }

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

    &__header {
      border-bottom: border(1);
      font: {
        size: $bb-queue-concierge-queuer-popover-title;
        weight: $bb-queue-concierge-bold;
      }
      padding: {
        top: spacing(10);
        bottom: spacing(14);
      }
    }

    &__description-row {
      border-bottom: border(1);
      padding: {
        top: spacing(14);
        bottom: spacing(15);
      }
    }

    &_content {
      font: {
        size: $bb-queue-concierge-queuer-popover-content;
      }
    }

    &__description-lbl-column {
      @include flex-column(20%);
    }

    &__description-lbl {
      font: {
        weight: $bb-queue-concierge-bold;
      }
    }

    &__description-column {
      @include flex-column(80%);
      padding-left: spacing(14);
    }

    &__mobile-row {
      padding: {
        top: spacing(16);
        bottom: spacing(10);
      }
    }

    &__edit-details-row {
      border-bottom: border(1);
      justify-content: flex-end;
      padding: {
        top: spacing(10);
        bottom: spacing(20);
      }
    }

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

    &__add-to-queue-btn,
    &__make-appt-btn {
      @include concierge-btn;
    }

    &__add-to-queue-btn {
      @include concierge-btn-primary;
      margin-right: spacing(10);
    }

    &__make-appt-btn {
      @include concierge-btn-secondary;
    }
  }
}