invert recharge, fix recharge border

client/src/components/buttons.jsx

@@ -8,33 +8,33 @@ module.exports = {
     Slay: () => 'red-green-border',
     Siphon: () => 'blue-green-border',
     // Stun
-    Link: () => 'blue-green-border',
     Bash: () => 'red-border',
-    Sleep: () => 'green-border',
     Ruin: () => 'blue-border',
-    Break: () => 'red-green-border',
+    Sleep: () => 'green-border',
     Banish: () => 'red-blue-border',
+    Break: () => 'red-green-border',
+    Link: () => 'blue-green-border',
     // Block
     Counter: () => 'red-border',
-    Purify: () => 'green-border',
     Electrify: () => 'blue-border',
+    Purify: () => 'green-border',
+    Recharge: () => 'red-blue-border',
     Sustain: () => 'red-green-border',
     Reflect: () => 'blue-green-border',
-    Recharge: () => 'blue-red-border',
     // Buff
     Intercept: () => 'red-border',
-    Triage: () => 'green-border',
-    Haste: () => 'red-green-border',
     Absorb: () => 'blue-border',
-    Hybrid: () => 'blue-green-border',
+    Triage: () => 'green-border',
     Amplify: () => 'red-blue-border',
+    Haste: () => 'red-green-border',
+    Hybrid: () => 'blue-green-border',
     // Debuff
     Restrict: () => 'red-border',
-    Purge: () => 'green-border',
     Silence: () => 'blue-border',
+    Purge: () => 'green-border',
+    Curse: () => 'red-blue-border',
     Invert: () => 'red-green-border',
     Decay: () => 'blue-green-border',
-    Curse: () => 'red-blue-border',
 
     //     // Lifes Upgrades
     // LifeGG: () => 'green-border',