.contact-protect {
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  color: inherit;
  text-decoration: underline dotted;
  text-underline-offset: 0.15em;
}

.contact-protect:hover,
.contact-protect:focus-visible {
  color: var(--accent-color, #1fa186);
  outline: none;
}

.contact-protect--revealed {
  cursor: text;
  text-decoration: none;
}

.contact-protect--tel.contact-protect--revealed {
  cursor: pointer;
  text-decoration: underline;
}