diff --git a/frontend/styles/main.scss b/frontend/styles/main.scss
index f9f0ff8..ca32ddf 100644
--- a/frontend/styles/main.scss
+++ b/frontend/styles/main.scss
@@ -11,9 +11,15 @@ html[data-toggled-dark='true'] * {
 }
 
 html {
-  .btn.btn-twitch {
-    border-color: purple;
-    background-color: purple;
-    color: white;
+  $twitch-color: rgb(145, 71, 255);
+
+  .btn {
+    &.btn-twitch {
+      @include button-variant($twitch-color, $twitch-color);
+    }
+
+    &.btn-outline-twitch {
+      @include button-outline-variant($twitch-color);
+    }
   }
 }