.wallet-footer {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  padding: 24px;
  z-index: 100;
  border-top: 1px solid #d0d5de;
  &-buttons {
    display: flex;
    gap: 12px;
    width: 100%;


.wallet-footer-buttons-item-secondary{
    overflow: hidden;
    display: flex;
    >span{
      display: block;
      // width: 100%;
      flex:1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-wrap: nowrap;
    }
}


    // 按钮数量样式
    // 单个按钮占满宽度
    &-count-1 {
      .wallet-footer-buttons-item {
        flex: 1;
        width: 100%;
      }
    }
    
    // 两个按钮各占一半
    &-count-2 {
      .wallet-footer-buttons-item {
        flex: 1;
        width: calc(50% - 6px);
      }
    }
    
    // 三个按钮各占三分之一
    &-count-3 {
      .wallet-footer-buttons-item {
        flex: 1;
        width: calc(33.33% - 8px);
      }
    }
    
    // 四个按钮各占四分之一
    &-count-4 {
      .wallet-footer-buttons-item {
        flex: 1;
        width: calc(25% - 9px);
      }
    }
    
    // Ant Design按钮覆盖样式
    :global(.ant-btn) {
      height: 48px;
      border-radius: 6px;
      font-size: 16px;
      font-weight: 500;
      width: 100%;
    }
    
    &-item {
      // 修饰符：主按钮
      &-primary {
        background-color: var(--theme-color, #7F56D9);
      }
      
      // 修饰符：次按钮
      &-secondary {
        background-color: #fff;
        border-color: #d0d5de;
        color: var(--Gray-700, #344054);
      }
    }
  }
}

.wallet-footer:empty {
  display: none;
} 