/*
 * CTA - Hygienize Child
 * Faixa de destaque em toda a largura, logo antes do rodape (estilo
 * "barra", nao mais um card centralizado) - texto a esquerda, botao a
 * direita no desktop; empilhado e centralizado no mobile.
 */

.hyg-cta-bar {
  background-color: var(--hyg-color-primary);
  padding-block: var(--hyg-space-6);
}

.hyg-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--hyg-space-5);
}

@media (min-width: 768px) {
  .hyg-cta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    gap: var(--hyg-space-6);
  }
}

.hyg-cta__title {
  color: var(--hyg-color-on-primary);
  margin-bottom: var(--hyg-space-1);
}

.hyg-cta__text {
  color: var(--hyg-color-on-primary);
  opacity: 0.85;
  margin: 0;
}

.hyg-cta .hyg-btn {
  flex-shrink: 0;
}