@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';

.cn-ui-m-card-title {
  width: 100%;
  padding: $m-s-10;
  line-height: $m-font-lineheight-1;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: space-between;

  &-header {
    display: flex;
    align-items: center;

    .icon {
      margin-right: $m-s-8;
    }

    .title {
      font-size: $m-font-size-headline-6;
      font-weight: $m-font-weight-semi-bold;
      color: $m-color-text-title1;
      margin-right: $m-s-8;
    }

    .desc {
      font-size: $m-font-size-body-1;
      color: $m-color-text-tip;
    }
  }

  &-footer {
    & > .cn-ui-m-icon + .cn-ui-m-icon {
      margin-left: $m-s-12;
    }
  }
}