Add css override to match theme

src/cookies/cc.css

@@ -0,0 +1,9 @@
+#cc-main {
+    --cc-btn-primary-bg: #1e88e5; /* primary: blue[600] */
+    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
+    --cc-btn-primary-hover-bg: #0d47a1; /* darkShade: blue[900] */
+    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
+    --cc-font-family: "Noto Sans", "Open Sans", Roboto, Helvetica, Arial, sans-serif;
+    --cc-primary-color: #1e88e5; /* primary: blue[600] */
+    --cc-secondary-color: #000000
+}

src/cookies/useCookieConsent.tsx

@@ -3,6 +3,7 @@ import { useTranslation } from "react-i18next";
 import { eraseCookies, run } from "vanilla-cookieconsent";
 
 import "vanilla-cookieconsent/dist/cookieconsent.css";
+import "cookies/cc.css";
 
 import { useAppDispatch } from "rootRedux/hooks";
 import { updateConsent } from "types/Redux/analytics";