fix btn group

docs/src/components/Btn/style.scss

@@ -4,7 +4,6 @@
   justify-content: center;
   border-radius: 12px;
   font-weight: 700;
-  margin-left: 0.75rem;
   padding: 0.8rem 1rem;
   font-size: 1rem;
   text-align: center;
@@ -42,10 +41,6 @@
     opacity: 0.5;
   }
 
-  &:first-child {
-    margin-left: 0;
-  }
-
   &__icon {
     &:first-child {
       margin-right: 0.5rem;

docs/src/components/BtnWrapper/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="btn-wrapper">
+    <slot />
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" src="./style.scss"></style>

docs/src/components/BtnWrapper/style.scss

@@ -0,0 +1,25 @@
+.btn-wrapper {
+  display: flex;
+  flex-direction: column;
+
+  @media (min-width: 600px) {
+    flex-direction: row;
+  }
+
+  > .btn {
+    margin-bottom: 0.75rem;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    @media (min-width: 600px) {
+      margin-bottom: 0;
+      margin-right: 0.75rem;
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}