/* business card */
.business-card {
  aspect-ratio: var(--business-card-aspect-ratio);
  background-color: var(--color-business-card-bg);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-std);
  color: var(--color-businesscard);
  display: grid;
  font-size: var(--text-xs);
  grid-template-rows: 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--business-card-max-width);
  overflow: hidden;
  padding: var(--space-6);
  transition: all var(--transition-std);
  white-space: nowrap;
  width: 100%;
}

/* hover-effects */
.business-card:hover {
  box-shadow: var(--shadow-hover);
  transform: var(--scale-lg);
}

/* fonts */
.business-card__degree,
.business-card__role {
  font-size: var(--text-2xs);
}
.business-card__name {
  font-size: var(--text-xl);
  font-weight: var(--font-weight-xl);
}
.business-card__company {
  font-size: var(--text-base);
  font-weight: var(--font-weight-xl);
}

/* logo */
.business-card__logo {
  height: 100%;
  width: auto;
}

/* hyperlinks */
.business-card__tel,
.business-card__mail,
.business-card__link {
  color: var(--color-link);
  text-decoration: none;
}
.business-card__tel:hover,
.business-card__mail:hover,
.business-card__link:hover {
  text-decoration: underline;
}

/* layout */
.business-card__top,
.business-card__bottom {
  flex: 1 1 0;
  min-height: 0;
}
/* top person + logo */
.business-card__top {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}
/* bottom */
.business-card__bottom {
  align-items: end;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  justify-items: stretch;
}
.business-card__bottom_tl,
.business-card__bottom_bl {
  justify-self: start;
}
.business-card__bottom_tr,
.business-card__bottom_br {
  justify-self: end;
  text-align: right;
}