diff --git a/src/App.js b/src/App.js
index a0e8fe7..ca8d852 100644
--- a/src/App.js
+++ b/src/App.js
@@ -11,7 +11,7 @@ function App() {
     <div className="App">
       <h1 id="title">{data.title}</h1>
       <div id="container">
-        <Button id="facebook" variant="primary">Facebook</Button>
+        <Button id="github" variant="primary">Facebook</Button>
         {/*{data.links.map((rootDetail, index)=>{
           if(rootDetail.type == "facebook") {
             res = <AwesomeButton className="roots"></AwesomeButton>
diff --git a/src/styles/roots.scss b/src/styles/roots.scss
index 36cb65e..a6da23e 100644
--- a/src/styles/roots.scss
+++ b/src/styles/roots.scss
@@ -1,5 +1,18 @@
 $btn-border-radius: 25px;
+$btn-border-width: 0px;
+
 #facebook {
     background-color: #1877f2;
 }
+#instagram {
+    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
+}
+#twitter {
+    background-color: #1da1f2;
+}
+#github {
+    background-color: #fafafa;
+    color: #333;
+}
+
 @import "./node_modules/bootstrap/scss/bootstrap.scss";
\ No newline at end of file