/* Global button unify — pill shape, flex center, no fixed-height clip
 * Loads after stylesheet.css. Matches pb-hero-btn / wishlist look.
 */
.button-primary,
.btn-primary,
.button-secondary,
.btn-secondary,
.btn-default,
.button-pill-rausch,
.login-btn,
.support-btn-primary,
.support-btn-secondary,
.pb-dir-search-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  border-radius: 9999px !important;
  height: auto !important;
  min-height: 44px;
  padding: 10px 20px !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
  white-space: nowrap;
  text-decoration: none !important;
  vertical-align: middle;
}

.button-primary,
.btn-primary,
.button-pill-rausch,
.login-btn,
.support-btn-primary,
.pb-dir-search-btn {
  background-color: var(--color-primary, #ff385c) !important;
  color: #fff !important;
  border: none !important;
}

.button-primary:hover,
.btn-primary:hover,
.button-pill-rausch:hover,
.login-btn:hover,
.support-btn-primary:hover,
.pb-dir-search-btn:hover {
  background-color: var(--color-primary-active, #e00b41) !important;
  color: #fff !important;
}

.button-secondary,
.btn-secondary,
.btn-default,
.support-btn-secondary {
  background-color: #fff !important;
  color: var(--color-ink, #222) !important;
  border: 1px solid var(--color-ink, #222) !important;
}

.button-secondary:hover,
.btn-secondary:hover,
.btn-default:hover,
.support-btn-secondary:hover {
  background-color: var(--color-surface-soft, #f7f7f7) !important;
  color: var(--color-ink, #222) !important;
}

/* Full-width form CTAs keep width, still pill + centered text */
.account-form-actions .button-primary,
.account-form-actions .button-secondary,
.login-actions .button-primary,
.login-btn {
  width: 100%;
}