Replace this <span class="chip border border-[#FEC84B] text-[#FEC84B] text-xs px-2 py-1">Rakeback</span>

index.html

@@ -181,6 +181,11 @@
         .glowing-border {
             animation: glow 2s infinite;
         }
+        @keyframes pulse {
+            0% { box-shadow: 0 0 0 0 rgba(254, 200, 75, 0.4); }
+            70% { box-shadow: 0 0 0 6px rgba(254, 200, 75, 0); }
+            100% { box-shadow: 0 0 0 0 rgba(254, 200, 75, 0); }
+        }
         .bg-blue-accent-gradient {
             background: linear-gradient(90deg, #00E4FF, transparent);
         }
@@ -212,7 +217,7 @@
             <div class="flex flex-wrap justify-between items-center gap-4">
                 <div>
                     <h1 class="text-2xl md:text-3xl font-bold font-['Orbitron']" style="text-shadow:0 0 10px rgba(255,106,0,0.5)">Your Wallet</h1>
-                    <p class="text-secondary text-[#B8B8B8] mt-1 max-w-2xl">Track balances, playthrough progress, and redeemables.</p>
+                    <p class="text-secondary text-[#B8B8B8] mt-1 max-w-2xl">Track balances, Redeemables, and Transaction History.</p>
                 </div>
                 
                 <div class="flex flex-col items-end">
@@ -249,30 +254,30 @@
                 <!-- Card A: Purchase SC -->
                 <div class="glass-card p-4" id="card-purchase-sc" data-aos="fade-up">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#FF6A00] text-[#FF6A00] text-xs px-2 py-1">Total SC</span>
+                        <span class="chip border border-[#3CE27A] text-[#3CE27A] text-xs px-2 py-1">Total SC</span>
                         <div class="tooltip-wrapper">
-                            <i data-feather="info" class="w-3 h-3 text-[#B8B8B8]"></i>
+                            <i data-feather="info" class="w-3 h-3 text-[#3CE27A]"></i>
                             <div class="tooltip-content text-xs">
                                 Purchase SC requires 1× wagering before withdrawal.
                             </div>
                         </div>
                     </div>
-                    <div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#FF6A00]">18.74</div>
+                    <div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#3CE27A]">18.74</div>
                     <div class="text-xs text-[#B8B8B8] mt-1">Play for real prizes <span class="font-medium"></span><span class="font-medium"></span></div>
                 </div>
                 
                 <!-- Card B: Bonus SC -->
                 <div class="glass-card p-4" id="card-bonus-sc" data-aos="fade-up" data-aos-delay="50">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#00E4FF] text-[#00E4FF] text-xs px-2 py-1">Total GC</span>
+                        <span class="chip border border-[#FEC84B] text-[#FEC84B] text-xs px-2 py-1">Total GC</span>
                         <div class="tooltip-wrapper">
-                            <i data-feather="info" class="w-3 h-3 text-[#B8B8B8]"></i>
+                            <i data-feather="info" class="w-3 h-3 text-[#FEC84B]"></i>
                             <div class="tooltip-content text-xs">
                                 Gold Coins used to play for fun!
                             </div>
                         </div>
                     </div>
-                    <div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#00E4FF]">65,000</div>
+                    <div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#FEC84B]">65,000</div>
                     <div class="text-xs text-[#B8B8B8] mt-1">Play for Fun <span class="font-medium"></span><span class="font-medium"></span></div>
                 </div>
                 
@@ -291,7 +296,9 @@
                 <!-- Card D: GC -->
                 <div class="glass-card p-4" id="card-gc" data-aos="fade-up" data-aos-delay="150">
                     <div class="flex justify-between items-start">
-                        <span class="chip border border-[#FEC84B] text-[#FEC84B] text-xs px-2 py-1">Rakeback</span>
+                        <button class="pill-button" style="background: rgba(254, 200, 75, 0.15); color: #FEC84B; border: none; padding: 4px 12px; font-size: 12px; animation: pulse 2s infinite;">
+                            Claim Rakeback
+                        </button>
                         <div class="icon-wrapper">
                             <i data-feather="shopping-bag" class="w-4 h-4 text-[#FEC84B]"></i>
                         </div>

prompts.txt

@@ -189,4 +189,9 @@ Remove "VIP & Jackpot" Section
 Remove "Payment Methods" Section
 Make this section smaller with smaller cards
 Make this section smaller vertically
-Remove the playthrough progress section
+Remove the playthrough progress section
+Replace the next "Available Rakeback" with a animated pill button that says "Claim Rakeback"
+Replace this                         <span class="chip border border-[#FEC84B] text-[#FEC84B] text-xs px-2 py-1">Rakeback</span>
+                        <div class="icon-wrapper">
+
+with a animated button that says "Claim Rakeback"