@charset "utf-8";
.email,
.phone {
  color: var(--color-brand);
  text-decoration: none;
  transition: text-decoration 0.2s ease;
}
.email:hover,
.email:focus,
.phone:hover,
.phone:focus {
  text-decoration: underline;
}
@media screen and (max-width: 599px) {
  .email::after {
    content: " (tap to email)";
    font-size: 0.75rem;
    font-style: italic;
    color: var(--color-brand);
    opacity: 0.7;
  }
}
@media screen and (min-width: 600px) {
  .phone {
    cursor: default;
    pointer-events: none;
  }
}