.contact-email-tools {
  margin: 26px 0 24px;
}

.contact-email-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 16px;
}

.contact-email-actions .button {
  margin: 0;
  font-family: inherit;
  cursor: pointer;
}

.contact-email-copy {
  text-align: center;
}

.contact-email-address {
  margin-bottom: 8px !important;
  color: #fff;
  font-weight: 700;
  overflow-wrap: anywhere;
  user-select: all;
}

.contact-email-help {
  margin-bottom: 0 !important;
  max-width: 60ch;
  font-size: .9rem !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 650px) {
  .contact-email-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-email-actions .button {
    width: 100%;
  }

  .contact-email-help {
    line-break: strict;
    word-break: normal;
  }
}

/* Preserve the light-background secondary button style elsewhere. */
.locked-hero .contact-email-copy.button.secondary{color:#d5e3eb!important;border-color:#acbecb}
.locked-hero .contact-email-copy.button.secondary:hover,.locked-hero .contact-email-copy.button.secondary:focus-visible{background:#e6edf2;color:#1f5e91!important}
.locked-hero .contact-email-copy.button.secondary:focus-visible{outline:2px solid #f2a43a;outline-offset:4px}