Apply this button border trail animation for all buttons

.neon-button::before {
--a: 0turn;
content: "";
position: absolute;
inset: 0;
border-radius: 9999px;
padding: 3px; /* Border thickness */
background: conic-gradient(from var(--a),
rgba(255,0,0,.9),
rgba(255,165,0,.9),
rgba(255,255,0,.9),
rgba(0,255,255,.9),
rgba(128,0,128,.9),
rgba(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;

index.html

@@ -34,7 +34,6 @@
         * {
             font-family: 'Rajdhani', sans-serif;
         }
-        
         body {
             background: radial-gradient(circle at center, #0a0a0a 0%, #1a0d00 40%, #2e1300 70%, #000000 100%);
             min-height: 100vh;
@@ -42,7 +41,12 @@
             overflow-x: hidden;
         }
         
-        .glass-card {
+        @property --a {
+            syntax: '<angle>';
+            inherits: false;
+            initial-value: 0turn;
+        }
+.glass-card {
             backdrop-filter: blur(16px);
             background: rgba(255, 255, 255, 0.05);
             border: 1px solid rgba(255, 255, 255, 0.15);
@@ -75,12 +79,11 @@
             0% { left: -150%; }
             100% { left: 150%; }
         }
-        
         .neon-btn {
             backdrop-filter: blur(10px);
             background: rgba(0, 0, 0, 0.3);
-            border: 1px solid #FFA500;
-            border-radius: 10px;
+            border: none;
+            border-radius: 9999px;
             color: #FFD700;
             text-shadow: 0 0 5px rgba(255, 215, 0, 0.7);
             transition: all 0.3s ease;
@@ -91,27 +94,36 @@
         }
         
         .neon-btn::before {
-            content: '';
+            --a: 0turn;
+            content: "";
             position: absolute;
-            top: 0;
-            left: -100%;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(90deg, transparent, rgba(255, 165, 0, 0.2), transparent);
-            transition: all 0.6s ease;
+            inset: 0;
+            border-radius: 9999px;
+            padding: 3px;
+            background: conic-gradient(from var(--a), 
+                rgba(255,0,0,.9), 
+                rgba(255,165,0,.9), 
+                rgba(255,255,0,.9),
+                rgba(0,255,255,.9), 
+                rgba(128,0,128,.9), 
+                rgba(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;
         }
+
+        @keyframes border-spin {
+            0% { --a: 0turn; }
+            100% { --a: 1turn; }
+        }
         
         .neon-btn:hover {
             transform: scale(1.05);
             box-shadow: 0 0 15px 3px rgba(255, 165, 0, 0.5);
         }
-        
-        .neon-btn:hover::before {
-            left: 100%;
-        }
-        
-        .progress-track {
+.progress-track {
             height: 16px;
             background: rgba(255, 255, 255, 0.1);
             border-radius: 10px;
@@ -632,7 +644,7 @@
             <div class="flex justify-between items-center mb-6">
                 <h2 class="text-2xl font-bold uppercase">VIP Perks</h2>
                 <button class="neon-btn py-2 px-5 uppercase font-semibold flex items-center gap-2">
-                    View Full Chart <i class="fas fa-arrow-right"></i>
+                    View All Perks <i class="fas fa-arrow-right"></i>
                 </button>
             </div>
             
@@ -642,8 +654,8 @@
                     <div class="perk-icon">
                         <i class="fas fa-credit-card text-3xl text-neon-yellow"></i>
                     </div>
-                    <h3 class="text-lg font-semibold mt-3 text-center">Cashback</h3>
-                    <span class="text-xs text-neon-orange text-center">20% weekly</span>
+                    <h3 class="text-lg font-semibold mt-3 text-center">Rakeback</h3>
+                    <span class="text-xs text-neon-orange text-center">2% weekly</span>
                 </div>
                 
                 <!-- Perk 2 -->
@@ -651,7 +663,7 @@
                     <div class="perk-icon">
                         <i class="fas fa-user-tie text-3xl text-neon-yellow"></i>
                     </div>
-                    <h3 class="text-lg font-semibold mt-3 text-center">VIP Manager</h3>
+                    <h3 class="text-lg font-semibold mt-3 text-center">Dedicated Manager</h3>
                     <span class="text-xs text-neon-orange text-center">24/7 Support</span>
                 </div>
                 
@@ -672,7 +684,7 @@
                             <i class="fas fa-lock"></i>
                         </div>
                     </div>
-                    <h3 class="text-lg font-semibold mt-3 text-center">Exclusive Events</h3>
+                    <h3 class="text-lg font-semibold mt-3 text-center">Exclusive Giveaways</h3>
                     <span class="text-xs text-gray-400 text-center">Unlocks at Ruby Tier</span>
                 </div>
 
@@ -685,7 +697,7 @@
                 <h2 class="text-2xl font-bold uppercase">Claimable Rewards</h2>
                 <div class="flex items-center gap-2 text-sm">
                     <i class="fas fa-sync text-neon-orange"></i>
-                    <span>Resets in:</span>
+                    <span>Resets in: 21:25:12</span>
                 </div>
             </div>
             
@@ -729,7 +741,7 @@
             <div class="glass-card p-6 flex flex-col items-center text-center">
                 <i class="fas fa-user-friends text-4xl text-neon-yellow mb-3"></i>
                 <h2 class="text-xl font-bold uppercase mb-2">Invite Friends</h2>
-                <p class="opacity-90 mb-4 text-sm">Invite friends to earn 5% of their XP gains and exclusive bonuses for both of you</p>
+                <p class="opacity-90 mb-4 text-sm">Invite friends to share the wealth and earn exclusive bonuses for both of you</p>
                 <button class="neon-btn py-2 px-8 uppercase font-bold">Invite Now</button>
             </div>
         </section>