diff --git a/addtocart/AddToCart.js b/addtocart/AddToCart.js
new file mode 100644
index 0000000..6645bb6
--- /dev/null
+++ b/addtocart/AddToCart.js
@@ -0,0 +1,28 @@
+import React from 'react';
+export default class AddToCart extends React.PureComponent {
+ 
+  render() {
+    return (
+      <React.Fragment>
+        <style jsx>{`
+          button {
+            background-color: #e33812;   
+            font-size: 16px;
+            border-radius: 12px;
+    
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            display: inline-block;
+            font-size: 16px;
+            border-radius: 12px;
+    
+                `}</style>
+        
+        <button onClick={this.props.onClick}>
+          {this.props.children}
+        </button>
+      </React.Fragment>
+ );
+}
+}