diff --git a/css/brands.css b/css/brands.css
index d683b1f..ea3a6cf 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -192,6 +192,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* BeReal */
+.button.button-bereal {
+  color: #ffffff;
+  background-color: #000000;
+}
+.button.button-bereal:hover,
+.button.button-bereal:focus {
+  filter: brightness(90%);
+}
+
 /* Bluesky */
 .button.button-bluesky {
   color: #000000;
@@ -725,6 +735,17 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Revolut */
+.button.button-revolut {
+  color: #000000;
+  background-color: #ffffff;
+  border: 2px solid black;
+}
+.button.button-rev:hover,
+.button.button-rev:focus {
+  filter: brightness(90%);
+}
+
 /* Shop */
 .button.button-shop {
   color: #ffffff;
@@ -1097,13 +1118,6 @@ button:hover,
   filter: brightness(90%);
 }
 
-/* BeReal */
-.button.button-bereal {
-  color: #ffffff;
-  background-color: #000000;
-}
-.button.button-bereal:hover,
-.button.button-bereal:focus {
-  filter: brightness(90%);
-}
+
+
 
diff --git a/index.html b/index.html
index a6b621e..d287701 100644
--- a/index.html
+++ b/index.html
@@ -283,6 +283,9 @@
         <!-- Reddit -->
         <a class="button button-reddit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/reddit.svg" alt="">Reddit</a><br>
 
+        <!-- Revolut -->
+        <a class="button button-revolut" href="" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/revolut.svg" alt="">Revolut</a><br>
+        
         <!-- Shop -->
         <a class="button button-shop" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/shop.svg" alt="">Buy with Shop</a><br>