/**
 * MinhaDoula — texto de botão que se ajusta (md-fit). Par do `assets/js/md-fit.js`.
 *
 * Sem JavaScript já não estoura: o texto fica numa linha e termina com reticências. Com JavaScript o texto encolhe até um piso e,
 * se ainda não couber, quebra em linhas (`.md-fit--quebra`) ou termina com reticências.
 * O botão, por sua vez, nunca passa da largura do cartão (`min-width: 0; max-width: 100%`, no CSS de cada botão).
 */
.md-fit__txt {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.md-fit__txt.md-fit--quebra {
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
  line-height: 1.15;
  text-align: center;
  text-overflow: clip;
}

/* Quando o texto quebra, o botão cresce em altura (nunca fica com o texto espremido). */
[data-md-fit], .pd-btn-grande, .pp-btn { overflow-wrap: anywhere; }