.btn-green {
  background-color: #a2c514;
}

.btn-blue {
  background-color: #286090;
}
.bg-h {
  background-color: #f36f21;
}
@media (max-width: 640px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    text-align: center !important;
  }
}

@media (max-width: 640px) {
  /* Center ALL elements that look like buttons (btn, btn-ghost, btn-primary, etc.) */
  a[class*="btn"],
  button[class*="btn"] {
    display: block !important; /* stack vertically */
    width: max-content; /* shrink to fit content */
    max-width: 100%; /* avoid overflow */
    margin-left: auto !important; /* centered */
    margin-right: auto !important; /* centered */
    text-align: center; /* center label inside */
  }

  /* Add vertical spacing when multiple buttons appear in a row */
  a[class*="btn"] + a[class*="btn"],
  a[class*="btn"] + button[class*="btn"],
  button[class*="btn"] + a[class*="btn"],
  button[class*="btn"] + button[class*="btn"] {
    margin-top: 0.75rem;
  }
}