.mzd-btn-cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 13px 24px;
  color: var(--mzd-blue, #0b3a53) !important;
  background: transparent !important;
  border: 2px solid var(--mzd-blue, #0b3a53);
  border-radius: var(--mzd-radius-sm, 6px);
  font-family: var(--mzd-body, system-ui, sans-serif) !important;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none !important;
  text-align: center;
}
.mzd-btn-cart:hover {
  background: var(--mzd-blue-soft, #dce9ee) !important;
  color: var(--mzd-blue, #0b3a53) !important;
}
/* Buttons in a row: sit side by side with equal width when there's room,
   stack full-width and still equal when the container is too narrow —
   same flex-basis + flex-grow on every button makes both outcomes symmetric. */
.mzd-cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.75rem;
}
.mzd-cta-row > .mzd-cta-button,
.mzd-cta-row > .mzd-cta-button-sm,
.mzd-cta-row > .mzd-btn-cart {
  flex: 1 1 200px;
  margin: 0;
}