/* Contact details block (wpta/contact-details): the phone number, email address and hours, each with a teal icon. */

.contact-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-details__item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.contact-details__item svg {
  flex-shrink: 0;
  color: var(--teal-darker);
}

a.contact-details__item:hover,
a.contact-details__item:focus-visible {
  color: var(--teal-darker);
  text-decoration: underline;
}