add redbubble style and svg

css/brands.css

@@ -174,6 +174,19 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Redbubble */
+.button.button-redbubble {
+  color: #e41321;
+  border-style: solid;
+  border-color: #e41321;
+  border-width: 2px;
+  background-color: #ffffff;
+}
+.button.button-redbubble:hover,
+.button.button-redbubble:focus {
+  filter: brightness(90%);
+}
+
 /* Facebook */
 .button.button-faceb {
   color: #ffffff;

images/icons/redbubble.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#e41321" d="m27.621 27.225h-5.3279a0.53462 0.53462 0 0 1-0.53331-0.53592v-13.372c0-0.29541 0.2392-0.53462 0.53331-0.53462h4.9397c3.707 0 4.4848 2.1829 4.4848 4.0129 0 1.0588-0.28103 1.8993-0.83918 2.5162 1.3594 0.56076 2.0914 1.8248 2.0914 3.6534 0 2.6679-1.9999 4.2599-5.3488 4.2599m-7.7356 0h-11.066a0.53331 0.53331 0 0 1-0.532-0.53592v-13.372c0-0.29541 0.2379-0.53462 0.532-0.53462h5.1697c3.2286 0 5.1553 1.7385 5.1553 4.6508 0 1.9372-0.97381 3.4587-2.5437 4.0769l3.6822 4.8246a0.53592 0.53592 0 0 1-0.39868 0.88885m0.019607-27.188c-11.037 0-19.986 8.9486-19.986 19.986 0 11.04 8.9486 19.989 19.987 19.989s19.986-8.9486 19.986-19.987-8.946-19.986-19.985-19.986"></path>
+</svg>

index.html

@@ -245,6 +245,11 @@
             <img class="icon" src="images/icons/etsy.svg" alt="Etsy Logo">Etsy</a>
         <br>
 
+        <!-- Redbubble -->
+        <a class="button button-redbubble" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/redbubble.svg" alt="Redbubble Logo">Redbubble</a>
+        <br>
+
         <!-- Tumblr -->
         <a class="button button-tumb" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>