.card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.card__header {
  display: flex;
  align-items: center;
  min-height: var(--spacing-8);
}

.card__header i {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: var(--spacing-8);
  font-size: var(--font-size-base);
  height: var(--spacing-8);
  width: var(--spacing-8);
}

.card__header__title{
  display: flex;
  align-items: center;
  flex-direction: var(--flex-direction-row);
}

.card__title{
  font-size: var(--font-size-sm);
}

.card__header p {
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  color: var(--gray-800);
}

.card__body {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--spacing-2);
}

.card__body h3 {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-2xl);
  line-height: var(--line-height-normal);
  color: var(--gray-800);
}

.card__body h5 {
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--gray-800);
}