diff --git a/assets/scss/bergamot.scss b/assets/scss/bergamot.scss
index 3e939e9..acb740a 100644
--- a/assets/scss/bergamot.scss
+++ b/assets/scss/bergamot.scss
@@ -40,5 +40,38 @@
         flex-grow: 1;
         flex-basis: 0;
     }
-}
 
+    .bergamot-selector {
+        button {
+            @include var(background-color, background-color);
+            @include var(color, text-color);
+            @include bordered-block;
+            padding: 0.5rem;
+            font-family: $font-body;
+
+            &.active {
+                border-color: $primary-color;
+                font-weight: bold;
+                text-decoration: underline;
+                text-underline-offset: 0.15rem;
+            }
+
+            &:not(:first-child) {
+                border-bottom-left-radius: 0;
+                border-top-left-radius: 0;
+            }
+
+            &:not(:last-child) {
+                border-bottom-right-radius: 0;
+                border-top-right-radius: 0;
+                border-right-width: 0;
+            }
+        }
+
+        button.active + button {
+            border-left-color: $primary-color;
+        }
+
+        margin-bottom: 1rem;
+    }
+}