<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* === Green Button (Premium Clinical Style) === */
.btn-green {
  display: inline-block;        /* prevents full-width expansion */
  width: auto;                  /* ensures button only fits content */
  max-width: fit-content;       /* prevents flex/grid parents from stretching it */
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  color: #ffffff;
  background-color: #2e7d32;    /* primary green */
  border: 2px solid #256628;    /* subtle definition */
  transition: background-color 0.25s ease, border-color 0.25s ease;
  white-space: nowrap;          /* keeps short text on one line */
}

.btn-green:hover {
  background-color: #256628;    /* darker hover */
  border-color: #1e5221;
}
</style>
<!-- end Simple Custom CSS and JS -->
