fix btn group

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