[data-block-type=card-single] ul.contact-list {
  margin-inline: 0;
  padding-inline: var(--spacing-small);
}

ul.contact-list {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: var(--spacing-tiny);
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: start;
  --list-gap: 0;
}
ul.contact-list li {
  padding: 0;
  margin: 0;
  font-size: var(--font-size-base);
}
ul.contact-list li.heading {
  grid-column: 1/-1;
  font-weight: var(--font-weight-bold);
}
ul.contact-list strong {
  display: block;
}
ul.contact-list.full {
  grid-template-columns: 100%;
}
ul.contact-list svg {
  width: 100%;
  height: auto;
  max-width: 48px;
  display: block;
  margin: 0 auto;
}
ul.contact-list svg path {
  transition: fill var(--base-speed);
}
ul.contact-list figure {
  transition: background-color var(--base-speed);
  display: grid;
  gap: 0;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  line-height: 1;
  height: 48px;
  width: 48px;
}
ul.contact-list a {
  display: grid;
  grid-template-columns: auto;
  gap: var(--spacing-tiny);
  grid-auto-flow: column;
  justify-content: start;
  align-items: start;
}
ul.contact-list a:has(svg):hover svg path {
  fill: var(--section-text-link-hover);
}
ul.contact-list a:has(svg) span.details {
  align-self: center;
}