:root {
  --sdc-contact-card-font-size: 16px;
  --sdc-contact-card-letter-spacing: 1px;
  --sdc-contact-card-line-height: 1.5;
  --sdc-contact-card-heading-size: 2rem;
  --sdc-contact-card-heading-weight: 500;
  --sdc-contact-card-link-color: inherit;
  --sdc-contact-card-image-size: 120px;
}



.sdc-contact-card {
  font-size: var(--sdc-contact-card-font-size);
  line-height: var(--sdc-contact-card-line-height);
}

.sdc-contact-card-name h3 {
  font-size: var(--sdc-contact-card-heading-size);
  font-weight: var(--sdc-contact-card-heading-weight);
  letter-spacing: var(--sdc-contact-card-letter-spacing);
  margin: 0.25rem 0 0;
}

.sdc-contact-card-position {
  margin-bottom: 0.75rem;
}

.sdc-contact-card-image {
  margin-bottom: var(--spacing-16);
}

.sdc-contact-card-image img {
  border-radius: 100%;
  max-width: var(--sdc-contact-card-image-size);
  height: auto;
}

.sdc-contact-card a, .sdc-contact-card a:link, .sdc-contact-card a:visited {
  color: var(--sdc-contact-card-link-color);
}

.sdc-contact-card-phone > div, .sdc-contact-card-mobile > div, .sdc-contact-card-fax > div, .sdc-contact-card-email > div {
  display: grid;
  grid-template-columns: 50px auto;
  grid-gap: 0.5rem;
}