.ui-c-card {
  padding: var(--spacing-s);
  background-color: var(--white);
  border-radius: 4px;
  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 3%);

  &:has(.ui-c-card__title) {
    padding: 0;
  }
}

.ui-c-card__title {
  padding: var(--spacing-xs) var(--spacing-s);
  font-size: var(--body-1);
  font-weight: 700;
  border-bottom: 1px solid var(--gray-lightest);
}

.ui-c-card__content {
  padding: var(--spacing-xxs) 0;
}