@import url("refinements-v10.css");

/* Version 11: launch contact details */
.contact-details {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  align-items: center;
  margin-top: 24px;
}

.contact-details strong {
  color: var(--ink);
  font-weight: 600;
}

.contact-details a,
.footer-meta a {
  color: var(--plum);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.contact-details a:hover,
.footer-meta a:hover {
  color: #493263;
}

@media (max-width: 560px) {
  .contact-details {
    align-items: flex-start;
    flex-direction: column;
  }
}