style(export): soften non-text batch buttons

src/pages/ExportPage.scss

@@ -721,11 +721,9 @@
 
   .card-export-btn {
     margin-top: auto;
-    border: none;
+    border: 1px solid transparent;
     border-radius: 7px;
     padding: 7px 9px;
-    background: var(--primary);
-    color: #fff;
     cursor: pointer;
     font-size: 12px;
     font-weight: 600;
@@ -734,19 +732,40 @@
     justify-content: center;
     gap: 6px;
 
-    &:hover {
+    &.primary {
+      background: var(--primary);
+      color: #fff;
+      border-color: transparent;
+    }
+
+    &.primary:hover {
       background: var(--primary-hover);
     }
 
+    &.secondary {
+      background: color-mix(in srgb, var(--bg-primary) 88%, var(--bg-secondary));
+      color: var(--text-secondary);
+      border-color: color-mix(in srgb, var(--border-color) 85%, transparent);
+    }
+
+    &.secondary:hover {
+      border-color: color-mix(in srgb, var(--primary) 28%, transparent);
+      color: var(--text-primary);
+      background: color-mix(in srgb, var(--bg-primary) 94%, var(--primary) 6%);
+    }
+
     &:disabled {
       cursor: not-allowed;
       opacity: 0.86;
     }
 
     &.running {
-      background: var(--primary-hover);
       opacity: 0.65;
     }
+
+    &.primary.running {
+      background: var(--primary-hover);
+    }
   }
 
   &.skeleton-card {

src/pages/ExportPage.tsx

@@ -5364,6 +5364,7 @@ function ExportPage() {
             ? isSnsCardStatsLoading
             : false
           const isCardRunning = runningCardTypes.has(card.type)
+          const isPrimaryCard = card.type === 'text'
           return (
             <div key={card.type} className="content-card">
               <div className="card-header">
@@ -5393,7 +5394,7 @@ function ExportPage() {
                 ))}
               </div>
               <button
-                className={`card-export-btn ${isCardRunning ? 'running' : ''}`}
+                className={`card-export-btn ${isPrimaryCard ? 'primary' : 'secondary'} ${isCardRunning ? 'running' : ''}`}
                 disabled={isCardRunning}
                 onClick={() => {
                   if (card.type === 'sns') {