Remove border trail animation ONLY for the button "KYC Status: Unverified"

index.html

@@ -68,6 +68,35 @@
             text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
             z-index: 1;
         }
+        .pill-button::before {
+            --a: 0turn;
+            content: "";
+            position: absolute;
+            inset: 0;
+            border-radius: 9999px;
+            padding: 3px;
+            background: conic-gradient(from var(--a), 
+                rgba(255, 255, 0, 0.9), 
+                rgba(255, 165, 0, 0.9), 
+                transparent,
+                rgba(255, 255, 0, 0.9));
+animation: border-spin 3s linear infinite;
+            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+            -webkit-mask-composite: xor;
+            mask-composite: exclude;
+            z-index: -1;
+        }
+        .pill-button::after {
+            content: "";
+            position: absolute;
+            top: 2px;
+            left: 2px;
+            right: 2px;
+            bottom: 2px;
+            background: rgba(30, 30, 30, 0.9);
+            border-radius: 100px;
+            z-index: -1;
+        }
 .pill-button:hover {
             box-shadow: 0 0 10px 2px;
         }
@@ -147,6 +176,11 @@
         .accordion[aria-expanded="true"] .accordion-content {
             max-height: 500px;
         }
+        @keyframes border-spin {
+            to {
+                --a: 1turn;
+            }
+        }
 @keyframes glow {
             0% { box-shadow: 0 0 0px 0px rgba(255, 106, 0, 0.6); }
             50% { box-shadow: 0 0 10px 3px rgba(255, 106, 0, 0.8); }
@@ -166,6 +200,11 @@
         .bg-orange-accent-gradient {
             background: linear-gradient(90deg, #FF6A00, transparent);
         }
+        @property --a {
+            syntax: '<angle>';
+            inherits: false;
+            initial-value: 0turn;
+        }
 .flex-\[0_0_auto\] { flex: 0 0 auto; }
         
         /* Mobile specific */
@@ -312,7 +351,7 @@
                 <div class="flex flex-wrap gap-3">
                     <button class="pill-button pill-button-secondary bg-[rgba(0,228,255,0.15)]">Redeem Balance</button>
                     <button id="btn-convert" class="pill-button pill-button-primary"><span class="text-white">Payment Method</span></button>
-                    <button class="pill-button pill-button-secondary bg-[rgba(255,0,0,0.15)] hover:bg-[rgba(255,0,0,0.2)]">
+                    <button class="bg-[rgba(255,0,0,0.15)] hover:bg-[rgba(255,0,0,0.2)] rounded-full px-4 py-2 text-sm">
                         <span class="text-[#FF4D4D]">KYC Status: Unverified</span>
                     </button>
 </div>
@@ -409,7 +448,7 @@
                                 <td class="py-3">Blackjack Table #7</td>
                                 <td class="py-3 font-['Orbitron']">-4.50</td>
                                 <td class="py-3">
-                                <span class="status-pill bg-[rgba(255,106,0,0.1)] text-white">Redeem</span>
+                                <span class="status-pill bg-[rgba(255,106,0,0.1)] text-white">Purchase SC</span>
 </td>
                                 <td class="py-3">
                                     <span class="status-pill bg-[rgba(60,226,122,0.1)] text-[#3CE27A]">Settled</span>