.decrement-increment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  min-height: var(--tide-booking-decrement-increment-height);

  @include media-xs {
    display: grid;
    grid-template-columns: 125px auto;
    justify-content: flex-start;
  }

  &__label {
    margin-bottom: 0;
    display: flex;
    font-family: var(--tide-booking-decrement-increment-label-font);
    font-weight: var(--tide-booking-decrement-increment-label-font-weight);
    color: var(--tide-booking-decrement-increment-label-color);
  }

  &__ui {
    display: flex;
    align-items: center;
    gap: 8px;

    span {
      min-width: 30px;
      text-align: center;
      font-family: var(--tide-booking-decrement-increment-number-font);
      font-weight: var(--tide-booking-decrement-increment-number-font-weight);
      color: var(--tide-booking-decrement-increment-number-color);
    }
  }
}