Moving components and creating jsconfig

src/components/Common/BaseButton/BaseButton.jsx

@@ -0,0 +1,16 @@
+import React from "react";
+
+import classes from "./basebutton.module.scss";
+
+export const BaseButton = ({ children, styles, ...props }) => {
+  return (
+    <button
+      className={styles ? `${styles} ${classes.button}` : classes.button}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+};
+
+export default BaseButton;

src/components/Common/BaseButton/basebutton.module.scss

@@ -0,0 +1,18 @@
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #52b709;
+  border-radius: 44px;
+  color: white;
+  font-style: normal;
+  font-family: "LabGrotesque", sans-serif;
+  border: none;
+  transition: 0.5s;
+
+  &:hover {
+    transition: 0.5s;
+    background-color: #52b709a8;
+    text-decoration: none;
+  }
+}