dark theme fixes

src/components/InfoButton/InfoButton.module.css

@@ -1,5 +1,3 @@
-
-
 .homeServiceCard {
   width: 100%;
   height: 48px;
@@ -9,7 +7,8 @@
   row-gap: 10px;
   transition: all 0.3s ease;
   border-radius: 50px;
-  background-color: #FFF;
+  background-color: #fff;
+  cursor: pointer;
 }
 
 .homeServiceCard :global(.ant-card-body) {
@@ -26,8 +25,6 @@
   transition: all 0.3s ease;
 }
 
-
-
 @media (min-width: 769px) and (max-width: 1024px) {
   .languageSwitch,
   .themeSwitch,
@@ -109,6 +106,12 @@
   color: #ffffff;
 }
 
+:global(.darkApp) .homeServiceCard {
+  cursor: pointer;
+  background-color: #0a0a0a;
+  color: #ffffff;
+}
+
 :global(.darkApp) .homeContainer h1,
 :global(.darkApp) .homeContainer h2,
 :global(.darkApp) .homeContainer h3,
@@ -196,6 +199,5 @@
   width: 24px;
   height: 24px;
   position: relative;
-  top: -2px
+  top: -2px;
 }
-

src/components/InfoButton/InfoButton.tsx

@@ -32,7 +32,6 @@ export const InfoButton = ({
             style={{
               marginTop: -2,
               fontSize: "1rem",
-              color: "rgba(95, 108, 123, 1)",
             }}
           >
             {title}