Add custom Button styles

components/common/Button/index.module.scss

@@ -7,14 +7,16 @@
   display: inline-flex;
   font-size: $font-button;
   font-weight: $normal;
+  justify-content: center;
   gap: 6px;
   transition: 0.18s opacity ease-in-out;
   user-select: none;
 
   .text {
+    align-items: center;
     color: inherit;
-    display: block;
+    display: flex;
-    width: 100%;
+    // width: 100%;
   }
 
   &:hover,
@@ -35,6 +37,14 @@
   }
 
   // Modifiers
+  &.full {
+    width: 100%;
+  }
+
+  &.grow {
+    flex-grow: 1;
+  }
+
   &.blended {
     background: transparent;
   }
@@ -108,6 +118,14 @@
     }
   }
 
+  @include breakpoint(phone) {
+    &.remixed {
+      .text {
+        display: none;
+      }
+    }
+  }
+
   // Sizes
   &.icon {
     aspect-ratio: 1 / 1;
@@ -215,7 +233,6 @@
 
   &.options {
     box-shadow: 0px 1px 3px rgb(0 0 0 / 14%);
-
     left: 8px;
     top: 8px;
   }