Styling the button

src/App.css

@@ -22,4 +22,7 @@
   display: flex;
   justify-content: center;
   margin-top: 3%;
+}
+.roots {
+  border-radius: 25px;
 }

src/App.js

@@ -9,7 +9,7 @@ function App() {
     <div className="App">
       <h1 id="title">{data.title}</h1>
       <div id="container">
-        <Button variant="primary"></Button>
+        <Button className="roots" variant="primary"></Button>
         {/*{data.links.map((rootDetail, index)=>{
           if(rootDetail.type == "facebook") {
             res = <AwesomeButton className="roots"></AwesomeButton>

src/styles/facebook.css

@@ -1,24 +0,0 @@
-.aws-btn {
-    --button-default-height: 48px;
-    --button-default-font-size: 14px;
-    --button-default-border-radius: 25px;
-    --button-horizontal-padding: 20px;
-    --button-raise-level: 0px;
-    --button-hover-pressure: 0;
-    --transform-speed: 0.185s;
-    --button-primary-color: #1877f2;
-    --button-primary-color-dark: #1a41a2;
-    --button-primary-color-light: #d4d9e4;
-    --button-primary-color-hover: #1561a2;
-    --button-primary-border: 0px solid #FFFFFF;
-    --button-secondary-color: #fffc6c;
-    --button-secondary-color-dark: #b9b500;
-    --button-secondary-color-light: #6c6a00;
-    --button-secondary-color-hover: #fffb3e;
-    --button-secondary-border: none;
-    --button-anchor-color: #f3c8ad;
-    --button-anchor-color-dark: #734922;
-    --button-anchor-color-light: #4c3016;
-    --button-anchor-color-hover: #f1bfa0;
-    --button-anchor-border: 1px solid #8c633c;
-    }