design bottom bar

assets/css/components/_buttons.scss

@@ -92,6 +92,42 @@ button:disabled{
     a{ color: var(--color-bg); }
     svg{ fill: var(--color-bg); }
 }
+
+
+.btn--simple{
+    height: calc(var(--h-block)*1);
+    font-size: var(--fs-small);
+    font-weight: 500;
+    text-transform: uppercase;
+    line-height: 1;
+    white-space: nowrap;
+    @include icon(20px);
+    .icon{
+        position: relative;
+        top: -2px;
+    }
+
+   a{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 1ch;
+        width: 100%;
+        height: 100%;
+        padding: 0 2ch;
+        padding-top: 4px;
+          white-space: nowrap;
+    }
+    &.no-link{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 1ch;
+        padding: 0 2ch;
+        padding-top: 4px;
+
+    }
+}
  
 .btn--bold, 
 .btn--bold-inline{
@@ -264,5 +300,11 @@ button:disabled{
 }
 
 
-
-
+.btn--support{
+    color: var(--color-accent);
+    &:hover{
+        color: var(--color-accent);
+        text-decoration: underline;
+        text-underline-offset: 2px;
+    }
+}