/* ==========================================================================
   Buttons — canonical CTA styles
   Used by: about, inquiry, quote, register, resources/data, ebooks, posters
   Form-context override: components/forms.css
   ========================================================================== */

.buy-button {
  background: var(--color-highlight);
  color: var(--color-black);
  border: none;
  border-radius: var(--radius-lg);
  padding: 0.75rem 2rem;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  transition: background-color var(--transition-base);
}

.buy-button:hover {
  background-color: var(--color-primary-dark);
}