/* BRAVE RENDER — home Contact uses same icon logic as Contact > Communication. */
#contact .home-contact-communication-native {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2rem !important;
}

#contact .home-contact-communication-native .home-contact-comm-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1.25rem !important;
  width: fit-content !important;
  max-width: 100% !important;
  color: var(--text-color, #0b0b0b) !important;
  text-decoration: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#contact .home-contact-communication-native .home-contact-comm-link .contact-icon-button {
  width: 3rem !important;
  height: 3rem !important;
  min-width: 3rem !important;
  min-height: 3rem !important;
  border-radius: 9999px !important;
  background-color: #fff !important;
  color: #0b0b0b !important;
  border: 1px solid rgba(11, 11, 11, 0.12) !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  transition: background-color .22s ease, color .22s ease, border-color .22s ease !important;
}

#contact .home-contact-communication-native .home-contact-comm-link .contact-icon-button svg,
#contact .home-contact-communication-native .home-contact-comm-link .contact-icon-button svg * {
  stroke: currentColor !important;
  color: currentColor !important;
  opacity: 1 !important;
}

#contact .home-contact-communication-native .home-contact-comm-link .contact-icon-button span {
  color: currentColor !important;
}

#contact .home-contact-communication-native .home-contact-comm-link:hover .contact-icon-button,
#contact .home-contact-communication-native .home-contact-comm-link:focus-visible .contact-icon-button {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

#contact .home-contact-communication-native .home-contact-comm-link:hover > span,
#contact .home-contact-communication-native .home-contact-comm-link:focus-visible > span {
  border-bottom-color: var(--text-color, #0b0b0b) !important;
}