panel/btn mobile & scripts

assets/css/components/_btn-group-mobile.scss

@@ -0,0 +1,48 @@
+.btn--group__mobile{
+    z-index: calc(var(--z-header) - 10);
+    opacity: 0;
+    transition: opacity .3s ease-in;
+
+         &.is-visible{
+            opacity: 1;
+        
+      }
+
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      width: 100vw;
+      height: calc(var(--h-block) * 3);
+      padding: calc(var(--spacing) * 0.75) var(--padding-body);
+    //   padding-top: var(--spacing);
+      background-color: var(--color-bg);
+      background: linear-gradient(0deg,
+          var(--color-bg) 0%,
+          var(--color-bg) 75%,
+          transparent 100%);
+
+        //   background-color: yellow;
+    
+        display: flex;
+        align-items: flex-end;
+        gap: var(--padding-inner);
+      button, .dropdown{
+        flex-grow: 1;
+        width: 100%;
+      }
+
+ 
+
+  
+      
+}
+
+
+@media #{$small-up}{
+    .btn--group__mobile{
+        display: none;
+        opacity: 0!important;
+        
+    }
+}
+