diff --git a/opentech/static_src/src/sass/apply/components/_button.scss b/opentech/static_src/src/sass/apply/components/_button.scss
index 32efcfb5da86bc49602c897f429e5cad93fc46ab..a099b58f03e55468f0addd93f0ef90cc44199783 100644
--- a/opentech/static_src/src/sass/apply/components/_button.scss
+++ b/opentech/static_src/src/sass/apply/components/_button.scss
@@ -208,4 +208,27 @@
             fill: $color--white;
         }
     }
+
+    &--switcher {
+        fill: transparentize($color--white, .5);
+        transition: fill $transition;
+
+        &:hover,
+        &:focus {
+            fill: transparentize($color--white, .25);
+        }
+
+        &:first-child {
+            margin-right: 10px;
+        }
+
+        &.is-active {
+            fill: $color--white;
+        }
+
+        svg {
+            width: 45px;
+            height: 45px;
+        }
+    }
 }