/* Contact page button alignment with the canon/homepage system. */

body.contact-page #contact-form .btn-primary,
body.contact-page #contact-form button.btn-primary {
  display: inline-flex !important;
  min-height: 3.25rem !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem;
  border: 1px solid hsl(var(--primary)) !important;
  border-radius: 0 !important;
  background: hsl(var(--primary)) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: hsl(var(--primary-foreground)) !important;
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
  padding: 1rem 2rem !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

body.contact-page #contact-form .btn-primary:hover,
body.contact-page #contact-form button.btn-primary:hover {
  border-color: hsl(var(--primary)) !important;
  background: hsl(var(--primary)) !important;
  background-image: none !important;
  color: hsl(var(--primary-foreground)) !important;
  transform: translateY(-1px) !important;
}