bb-queue-concierge-service {

  .service {
    @include flex-row;
    border-bottom: border(1);
  
    &__service-info1,
    &__service-info2,
    &__popover {
      padding: spacing(20);
    }

    &__service-info1 {
      @include flex-column(60%);
    }

    &__service-name {
      font: {
        size: $bb-queue-concierge-service-name;
        weight: $bb-queue-concierge-bold;
      }
      margin-bottom: spacing(5);
    }

    &__wait-time,
    &__duration,
    &__price {
      font: {
        size: $bb-queue-concierge-panel-content;
      }
    }

    &__service-info2 {
      @include flex-column(30%);
    }

    &__time-price-data {
      border-left: border(1);
      padding-left: spacing(20);
    }

    &__duration-label,
    &__price-label {
      font: {
        weight: $bb-queue-concierge-bold;
      }
    }

    &__duration {
      margin-bottom: spacing(5);
    }

    &__popover {
      @include flex-column(10%);
      &-container {
        @include popover-container;
      }
      &-icon {
        @include popover-icon;
      }
      &-overrides {
        min-width: spacing(381);
      }
    }
  }

  .popover {
    @include popover;
    &-content {
      padding: 0;
    }
  }
}