/* Shared text-button alignment. Long labels wrap instead of being clipped. */
button.button-to-go-car,
button.header-button,
button.btn,
button.btn-custom,
button.category-btn,
button.button-show-all,
button.button-load-more,
button.button-conf,
button.add-to-cart,
button.button-send-order,
button.checkout-btn,
.accordion_btn,
button.delete-all,
a.checkout,
.service-detail__wrapper .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.3 !important;
}

button.button-show-all,
button.button-load-more,
button.button-conf,
button.add-to-cart,
button.button-send-order,
button.checkout-btn,
button.delete-all,
a.checkout {
  height: auto !important;
  min-height: 54px;
  padding: 12px 20px !important;
}

.accordion_btn {
  height: auto !important;
  min-height: 60px;
  padding: 14px 20px !important;
}

.accordion_btn > svg,
.accordion_btn > i {
  flex-shrink: 0;
}

button.button-to-go-car {
  height: auto !important;
  min-height: 64px;
  padding: 14px 24px !important;
}

/* The service label needs more than the former fixed 260px width. */
#services .service-hero .service-hero__info {
  min-width: 0;
  width: 100%;
}

#services .service-hero button.hero-cta {
  width: 440px !important;
  max-width: 100%;
  min-height: 54px;
}

#services .problem-form button.form-cta {
  min-height: 54px;
}

/* Keep the compact desktop navigation label on one line. */
button.header-button {
  flex-shrink: 0;
  white-space: nowrap !important;
}

/* Equal side padding centers the cart icon and label as one group. */
button.category-btn {
  padding-left: 10px !important;
  padding-right: 10px !important;
}