fix(web): align low-balance dialog action styles (#7138)

Co-authored-by: 黄玉婷 <huangyuting@refly.ai>

Author: open-design-crew[bot]

apps/web/src/components/AmrLowBalanceDialog.module.css

@@ -86,6 +86,10 @@
   margin-left: auto;
 }
 
+.footerActions .action {
+  border-radius: var(--radius-pill);
+}
+
 .cta {
   transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
 }

apps/web/src/components/AmrLowBalanceDialog.tsx

@@ -106,12 +106,16 @@ export function AmrLowBalanceDialog({
           {t('chat.amrLowBalance.dontRemind')}
         </label>
         <div className={styles.footerActions}>
-          <Button onClick={() => decide('proceed')} data-testid="amr-low-balance-dialog-proceed">
+          <Button
+            className={styles.action}
+            onClick={() => decide('proceed')}
+            data-testid="amr-low-balance-dialog-proceed"
+          >
             {t('chat.amrLowBalance.proceedCta')}
           </Button>
           <Button
             variant="primary"
-            className={styles.cta}
+            className={`${styles.action} ${styles.cta}`}
             onClick={openConsoleAndPark}
             data-testid="amr-low-balance-dialog-recharge"
           >