graph arranging stuff

src/components/Button/Button.module.css

@@ -0,0 +1,9 @@
+.btn_wrapper {
+  padding: var(--mb-2);
+  width: 100%;
+  cursor: pointer;
+  text-decoration: none;
+  color: var(--text);
+  box-shadow: 8px 8px var(--bg);
+  background-color: var(--bgLinkInactive);
+}

src/components/Button/index.jsx

@@ -1,11 +1,17 @@
-import React from 'react'
+import React from 'react';
 import styles from "./Button.module.css";
 
-const Button = ({ child }) => {
+function Button({ children, onClickMethod }) {
+  const clickHandler = (e) => {
+    e.preventDefault();
+    onClickMethod();
+  }
   return (
-    <>
-      {child}
-    </>
+    <button type="button"
+      className={styles.btn_wrapper}
+      onClick={clickHandler}>
+      {children}
+    </button>
   )
 }