/* Shared button color: a green gradient from the company logo green (#8cc63f) to a deeper green,
   with black text, for every call-to-action button except the header's Contact Us, which keeps white text.
   Loaded after page styles so it applies site-wide. */
.button, .button-primary, .button-silver, .button-outline, .cv-button, .news-more-button {
  background: linear-gradient(175deg, #8cc63f 0%, #5f9e2a 50%, #3f7419 100%);
  border-color: #a6d665;
  color: #000;
  box-shadow: 0 0 18px #8cc63f2e, inset 0 1px 0 #ffffff40;
}
.button:hover, .button-primary:hover, .button-silver:hover, .button-outline:hover, .cv-button:hover, .news-more-button:hover {
  background: linear-gradient(175deg, #9bd24f 0%, #6daf31 50%, #4a841e 100%);
  border-color: #c2e58f;
  color: #000;
  box-shadow: 0 0 24px #8cc63f55, inset 0 1px 0 #ffffff4d;
}
.button:active, .cv-button:active, .news-more-button:active {
  background: linear-gradient(175deg, #5f9e2a 0%, #4a841e 50%, #335f14 100%);
  border-color: #8cc63f;
  box-shadow: inset 0 2px 6px #0004;
}
.button:focus-visible, .cv-button:focus-visible, .news-more-button:focus-visible {
  outline: 2px solid #c2e58f;
  outline-offset: 3px;
}

/* Header Contact Us keeps white text. */
.button.header-contact, .button.header-contact:hover, .button.header-contact:active {
  color: #fff;
  text-shadow: 0 1px 2px #1d3a0a80;
}