feat: update button component

src/components/Gallery.vue

@@ -99,13 +99,21 @@ export default {
   }
 
   &__prev {
-    left: 1em;
+    left: 1.5em;
     transform: rotate(-135deg);
+
+    @include mq-desktop {
+      left: 2em;
+    }
   }
 
   &__next {
-    right: 1em;
+    right: 1.5em;
     transform: rotate(45deg);
+
+    @include mq-desktop {
+      right: 2em;
+    }
   }
 
   &__images {
@@ -122,32 +130,18 @@ export default {
     height: 100%;
 
     transition: 0.3s all ease-in-out;
+  }
 
-    figure {
-      flex: 0 0 100%;
+  .figure {
+    margin: 0;
+    padding: 0 3em;
+    flex: 1 0 100%;
 
-      display: flex;
-      flex-flow: column nowrap;
-      justify-content: center;
-
-      width: 100vw;
-      height: 100%;
-      margin: 0;
-      padding: 0 2em;
-
-      @include mq-desktop {
-        padding: 0 2.5em;
-      }
+    @include mq-desktop {
+      padding: 0 3.5em;
     }
 
-    picture {
-      flex: 0 1 auto;
-      text-align: center;
-      max-height: 80%;
-    }
-
-    figcaption {
-      flex: 0 0 100%;
+    &__meta {
       text-align: center;
 
       p {