.#{$CLASS_PREFIX}-card {
  border: 1px solid #f1f3f4;
  border-radius: 4px;

  &.small {
    .#{$CLASS_PREFIX}-card__header {
      padding: 8px 12px;
    }
    .#{$CLASS_PREFIX}-card__body {
      padding: 8px 12px;
    }
  }
}

.#{$CLASS_PREFIX}-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid #f1f3f4;
  border-top: none;
}

.#{$CLASS_PREFIX}-card__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.#{$CLASS_PREFIX}-card__body {
  padding: 16px 20px;
}