.contact-details {
  display: grid;
  gap: 0;
  max-width: 460px;
  margin-top: 34px;
  border-top: 1px solid #3c4248;
  font-style: normal;
}

.contact-detail {
  display: grid;
  grid-template-columns: 115px 1fr;
  gap: 18px;
  padding: 17px 0;
  border-bottom: 1px solid #3c4248;
}

.contact-detail span {
  color: #81878d;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.contact-detail strong {
  color: #fff;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.55;
}

a.contact-detail:hover strong,
a.contact-detail:focus-visible strong {
  color: #6ac4c6;
}

@media (max-width: 560px) {
  .contact-detail {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}