:root {
  --lazos-teal: #17C1B7;
  --lazos-dark-green: #005B56;
  --lazos-light-gray: #E8F3F1;
  --lazos-purple: #545479;
}

/* Button Styles */
.submit-button {
  display: inline-block;
  background: var(--lazos-teal, #17c1b7);
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  /* width: 100%; /* Removed for more flexibility, apply width/centering via container */
  box-sizing: border-box;
  text-align: center; /* Center text within the button */
}

.submit-button:hover {
  background: var(--lazos-dark-green, #14a89f);
  color: #fff; /* Ensure text remains white on hover */
}

/* Utility for centering block elements like buttons */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Container for CTAs if needed for spacing/layout */
.cta-container {
  text-align: center; /* Center inline-block elements like buttons */
  margin-top: 1.5rem; /* Add space above */
  margin-bottom: 1.5rem; /* Add space below */
}