Add some more CSS for the updates to the bergamot widget

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>

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;
+    }
+}