Restyle cookie notice button

src/App.css

@@ -289,7 +289,7 @@ label, p, input[type=text], main > span, main div > span {
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
-  column-gap: 12px;
+  column-gap: 16px;
   padding: 16px 24px;
   background-color: var(--primary-color);
   text-align: center;
@@ -303,6 +303,16 @@ label, p, input[type=text], main > span, main div > span {
   color: inherit;
 }
 
+.cookie-notice > .button {
+  background-color: var(--text-color);
+  color: var(--primary-color);
+  padding: 6px;
+}
+
+.cookie-notice > .button svg {
+  width: 48px;
+}
+
 .cookie-notice > .button:hover {
   color: var(--text-color-tinted);
 }

src/App.js

@@ -17,7 +17,7 @@ import History from "./History";
 import TermsOfService from "./TermsOfService";
 import PrivacyPolicy from "./PrivacyPolicy";
 import Button from "./Button";
-import { CheckCircleOutlineRounded as CheckCircleOutlineRoundedIcon } from "@material-ui/icons";
+import { CheckRounded as CheckRoundedIcon } from "@material-ui/icons";
 
 import Cookies from 'universal-cookie';
 
@@ -264,8 +264,8 @@ class App extends React.Component {
             </div>
             <Button
               onClick={this.acceptCookies}
-              icon={<CheckCircleOutlineRoundedIcon/>}
-              className="button--round button--no-background"
+              icon={<CheckRoundedIcon/>}
+              className="button--round"
             ></Button>
           </div>
         </Router>