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

.contact-email span {
  display: block;
  margin-bottom: 7px;
  color: var(--purple);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.contact-email a {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  padding: 10px 15px;
  border: 1px solid #d9ced8;
  border-radius: 100px;
  background: #fff;
  color: var(--purple);
  font-size: .88rem;
  font-weight: 800;
  overflow-wrap: anywhere;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.contact-email a:hover,
.contact-email a:focus-visible {
  border-color: var(--purple);
  background: var(--purple);
  color: #fff;
}

.contact-email a:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 3px;
}