diff --git a/src/components/Button/Button.jsx b/src/components/Button/Button.jsx
new file mode 100644
index 0000000..d0d6beb
--- /dev/null
+++ b/src/components/Button/Button.jsx
@@ -0,0 +1,12 @@
+import React, {Component} from "react";
+import "./Button.scss"
+export default class Button extends Component { 
+    render () { 
+        return(
+            <button className='button'>
+                {this.props.children}
+
+            </button>
+        );
+    }
+}
\ No newline at end of file
diff --git a/src/components/Button/Button.scss b/src/components/Button/Button.scss
new file mode 100644
index 0000000..b2b1df0
--- /dev/null
+++ b/src/components/Button/Button.scss
@@ -0,0 +1,9 @@
+@import "../../variables.scss";
+
+.button { 
+    background-color: $primary;
+    color: white;
+    border-style: ridge;
+
+
+}
\ No newline at end of file
diff --git a/src/components/Button/index.js b/src/components/Button/index.js
new file mode 100644
index 0000000..846ff85
--- /dev/null
+++ b/src/components/Button/index.js
@@ -0,0 +1,2 @@
+import Button from "./Button";
+export default Button;
\ No newline at end of file
diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
index 3797c6e..cceb4e0 100644
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -1,8 +1,12 @@
 import React from 'react'
 import Header from 'components/Header'
+import Button from 'components/Button'
 export default ({ children }) => (
   <div>
     <Header/>
+    <Button> 
+      Cash out for the big G's 
+      </Button>
     {children}
   </div>
 )