/* The original responsive design is in styles/imported. Only phase-one changes live here. */
.static-contact-card {
  width: 100%;
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid #cde2e2;
  border-radius: 5px;
  background: #cde2e2;
  color: #07585a;
  font-family: Raleway, sans-serif;
}
.static-contact-card h2 { margin: 0 0 24px; font-size: clamp(26px, 3vw, 36px); line-height: 1.2; }
.static-contact-card p { margin: 0 0 28px; font-size: 17px; line-height: 1.6; }
.static-contact-card .brxe-button { width: fit-content; max-width: 100%; padding: 12px 20px; font-size: 17px; color: #07585a; background: #f4a259; border: 2px solid #f4a259; border-radius: 5px; }
.static-contact-card .brxe-button:hover { color: #07585a; background: transparent; border-color: #07585a; }
.static-contact-phone { display: block; width: fit-content; margin-top: 20px; font-size: 16px; text-decoration: underline; }
:focus-visible { outline: 3px solid #f4a259; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0ms !important; transition-duration: .01ms !important; }
  [data-interaction-hidden-on-load] { visibility: visible !important; opacity: 1 !important; }
}