feat: group gain + scale logo

src/components/Button/Button.css

@@ -8,6 +8,9 @@
   font-weight: 500;
   cursor: pointer;
   border: 1px solid transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   transition:
     background var(--dur-base) var(--ease-standard),
     border-color var(--dur-base) var(--ease-standard),

src/components/Button/Button.tsx

@@ -70,22 +70,22 @@ export default function Button({
   }, [fontSize, children, W]);
 
   const button = (
-  <button
-    type={type}
-    className={`btn btn-${variant} ${className}`}
-    onClick={onClick}
-    disabled={disabled}
-    style={{
-      width: scale ? '100%' : W,
-      height: scale ? '100%' : H,
-      fontSize: `${computedFontSize}px`,
-      ...style,
-    }}
-    {...props}
-  >
-    {children}
-  </button>
-);
+    <button
+      type={type}
+      className={`btn btn-${variant} ${className}`}
+      onClick={onClick}
+      disabled={disabled}
+      style={{
+        width: scale ? '100%' : W,
+        height: scale ? '100%' : H,
+        fontSize: `${computedFontSize}px`,
+        ...style,
+      }}
+      {...props}
+    >
+      {children}
+    </button>
+  );
 
   if (!scale) return button;