WIP: impl .btn-hexagon

src/client/styles/scss/_sidebar.scss

@@ -1,5 +1,6 @@
 .grw-sidebar {
   .ak-navigation-resize-button {
+    @extend .btn-hexagon;
     top: calc(50vh - 20px);
   }
 

src/client/styles/scss/atoms/_buttons.scss

@@ -71,3 +71,48 @@
     }
   }
 }
+
+// generated by https://csshexagon.com/
+.btn-hexagon {
+  position: relative;
+
+  width: 300px;
+  height: 173.21px;
+
+  margin: 86.6px 0;
+  background-color: white;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
+
+  transform: rotate(30deg);
+
+  &:before,
+  &:after {
+    position: absolute;
+    left: 43.934px;
+    z-index: 1;
+    width: 212.13px;
+    height: 212.13px;
+    content: '';
+    background-color: inherit;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
+    transform: scaleY(0.5774) rotate(-45deg);
+  }
+  &:before {
+    top: -106.066px;
+  }
+  &:after {
+    bottom: -106.066px;
+  }
+
+  /*cover up extra shadows*/
+  > span {
+    position: absolute;
+    top: 0px;
+    left: 0;
+    z-index: 2;
+    display: block;
+    width: 300px;
+    height: 173.2051px;
+    background: inherit;
+  }
+}