.card.--employee {
  border-radius: var(--card__radius--employee, var(--card__radius, 0.3em));
  background: var(--card__background--employee, var(--card__background, var(--color-white)));
  color: var(--card__color--employee, var(--card__color, var(--color-white--foreground)));
  text-align: var(--card__text-alignment--employee, var(--card__text-alignment, start));
  width: clamp(var(--card__min-width--employee, var(--card__min-width, 16.875rem)), var(--card__width--employee, var(--card__width, 100%)), var(--card__max-width--employee, var(--card__max-width, 38.75rem)));
  padding: var(--card__padding--employee, var(--card__padding, 0.625rem 0.9375rem 0.625rem 0.625rem));
  display: grid;
  grid-template-columns: var(--card__template-columns--employee, 3.75em 1fr);
  align-items: var(--card__vertical-alignment--employee, center);
  gap: var(--card__gutter--employee, 1em);
}
.cta.--employee .card.--employee {
  width: auto;
}
@media (min-width: 48rem) {
  .card.--employee {
    grid-template-columns: var(--card__template-columns--employee, 3.75em 1fr auto);
  }
}
.card.--employee .card__image {
  grid-column: var(--card__image-columns--employee, 1);
  grid-row: var(--card__image-rows--employee, 1);
  aspect-ratio: var(--card__image-aspect-ratio--employee, 1);
  width: var(--card__image-width--employee, 100%);
  height: var(--card__image-height--employee, auto);
  border-radius: var(--card__image-radial--employee, 100%);
  overflow: var(--card__image-overflow--employee, clip);
  max-width: var(--employee-card__image-max-width, 3.75em);
  max-height: var(--employee-card__image-max-height, 3.75em);
  border-radius: var(--employee-card__image-border-radius, 50%);
  margin-inline-end: var(--employee-card__image-margin-right, 1em);
}
.card.--employee .card__title {
  margin-block: var(--card__title-margin--employee, 0);
}
.card.--employee .card__name {
  font-size: var(--card__name-font-size, var(--font-size--md));
  font-weight: var(--card__name-font-weight--strong, 700);
  margin: var(--card__name-margin, 0);
}
.card.--employee .card__function {
  font-size: var(--font-size--sm, 1em);
  margin: 0;
}
.card.--employee .card__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--card__buttons-gutter--employee, 6px);
  grid-column: var(--card__buttons-columns--employee, 1/-1);
}
@media (min-width: 48rem) {
  .card.--employee .card__buttons {
    grid-column: var(--card__buttons-columns--employee, unset);
  }
}