@xdp/button/src/cip-button-pop/style/index.less

button el-button vue3

.cip-button-pop {
  &__panel {
    padding: 4px 0 0;
  }

  &__content {
    display: flex;
    gap: 12px;

    &-icon {
      flex-shrink: 0;
      font-size: 22px;
      margin-top: 1px;
    }

    &-body {
      flex: 1;
      min-width: 0;
    }

    &-title {
      font-size: 16px;
      font-weight: 500;
      color: var(--el-text-color-primary);
      margin-bottom: 8px;
      line-height: 1.4;
    }

    &-message {
      font-size: 14px;
      color: var(--el-text-color-regular);
      line-height: 1.5;
    }

    &-title:last-child,
    &-body>&-title:only-child {
      margin-bottom: 0;
    }
  }

  &__footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
  }
}