design bottom bar

assets/css/components/_bottom-bar.scss

@@ -0,0 +1,66 @@
+.bottom-bar{
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    height: calc(var(--header-h)*0.75);
+    width: 100vw;
+    background-color: var(--color-bg);
+    padding-left: var(--padding-body);
+    padding-right: var(--padding-body);
+
+    border-top: 2px solid var(--grey-800);
+
+    .bottom-bar__inner{
+        height: calc(var(--header-h)*0.75);
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        gap: var(--padding-inner);
+    }
+
+ 
+    .btn--back-to-top{
+           @include icon(20px);
+           position: relative;
+           top: -3px;
+           width: 100px;
+           
+           a{
+            justify-content: flex-end;
+           }
+           
+
+        .icon{
+            transform: rotate(-90deg);
+            transform-origin: center;
+        }
+    }
+
+
+    .title-group{
+        font-size: var(--fs-small);
+        display: flex;
+        color: var(--color-txt-light);
+        flex-grow: 1;
+        width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+     
+     
+        //  align-items: center;
+
+
+        .type{
+                text-transform: uppercase;
+                &::after{
+                    content: "/";
+                    padding-left: 1ch;
+                    padding-right: 1ch;
+                }
+                
+        }
+
+      
+    }
+}

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