/* One shared interaction for every service contact section, including legacy markup. */
section.hdd-contact[data-common-contact-effects] > .wrap > div:has(> a[href]) {
  border: 0;
}
section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href] {
  position: relative;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  text-decoration: none;
  transition:
    box-shadow var(--gunet-card-hover-duration, .22s) var(--gunet-card-hover-ease, ease),
    color var(--gunet-card-hover-duration, .22s) var(--gunet-card-hover-ease, ease);
}
section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href]::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: currentColor;
  opacity: 0;
  transform: scaleX(var(--gunet-card-hover-line-rest-scale, .85));
  transform-origin: center;
  transition:
    opacity .18s ease,
    transform var(--gunet-card-hover-duration, .22s) var(--gunet-card-hover-ease, ease);
  pointer-events: none;
  content: "";
}
section.hdd-contact[data-common-contact-effects] > .wrap > .hdd-contact-links > a[href] small {
  color: #526b85;
}
section.hdd-contact[data-common-contact-effects] > .wrap > .hdd-contact-links > a[href] .hdd-contact-link-heading > span {
  color: #146cd4;
}
section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href] :is(strong, .hdd-contact-link-heading > span),
section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href] > span:not(.hdd-contact-link-heading) {
  transition:
    color var(--gunet-card-hover-duration, .22s) var(--gunet-card-hover-ease, ease),
    transform var(--gunet-card-hover-duration, .22s) var(--gunet-card-hover-ease, ease);
}
section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href]:focus-visible {
  z-index: 1;
  background: transparent;
  color: inherit;
  box-shadow: var(--gunet-card-hover-shadow-info, 0 10px 26px rgb(13 36 63 / 8%));
  outline: 2px solid #146cd4;
  outline-offset: 3px;
}
section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href]:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}
section.hdd-contact[data-common-contact-effects] > .wrap > .hdd-contact-links > a[href]:focus-visible strong {
  color: #075fc8;
}
@media (hover: hover) and (pointer: fine) {
  section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href]:hover {
    z-index: 1;
    background: transparent;
    color: inherit;
    box-shadow: var(--gunet-card-hover-shadow-info, 0 10px 26px rgb(13 36 63 / 8%));
  }
  section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href]:hover::after {
    opacity: 1;
    transform: scaleX(1);
  }
  section.hdd-contact[data-common-contact-effects] > .wrap > .hdd-contact-links > a[href]:hover strong {
    color: #075fc8;
  }
  section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href]:hover .hdd-contact-link-heading > span,
  section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href]:hover > span:not(.hdd-contact-link-heading) {
    transform: translateX(3px);
  }
}
@media (prefers-reduced-motion: reduce) {
  section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href],
  section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href]::after,
  section.hdd-contact[data-common-contact-effects] > .wrap > div > a[href] :is(strong, span) {
    transition: none;
  }
}