feat: CustomButton component added

src/components/custom-button/custom-button.component.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+import "./custom-button.styles.scss";
+
+export default function CustomButton({ children }) {
+  return <button className="custom-button">{children}</button>;
+}

src/components/custom-button/custom-button.styles.scss

@@ -0,0 +1,4 @@
+.custom-button {
+  border: 0.2rem solid black;
+  background-color: Transparent;
+}

src/components/layout/header/header.component.jsx

@@ -3,6 +3,7 @@ import { Link } from "react-router-dom";
 import Logo from "../../logo/logo.component";
 import Menu from "../../menu/menu.component";
 import BlockQuote from "../../block-quote/block-quote.component";
+import CustomButton from "../../custom-button/custom-button.component";
 
 import "./header.styles.scss";
 
@@ -30,7 +31,7 @@ function Header() {
       </nav>
       <div className="block-quote-container">
         <BlockQuote>test deneme test</BlockQuote>
-        <button>&#8642;</button>
+        <CustomButton>&#8642;</CustomButton>
       </div>
     </div>
   );