chore: remove unused css

src/components/Landing/CardComponent/style.module.scss

@@ -32,6 +32,7 @@
   flex-direction: column;
 
   gap: 25px;
+  word-break: break-word;
 }
 
 .icon {

src/pages/landing/LandingPage.tsx

@@ -196,7 +196,17 @@ export const LandingPage = () => {
           and verification.
         </Typography>
       </Typography>
-      <Box display={'grid'} gap={'25px'} gridTemplateColumns="repeat(3, 1fr)">
+      <Box
+        display={'grid'}
+        gap={'25px'}
+        sx={{
+          gridTemplateColumns: {
+            xs: '1fr',
+            sm: 'repeat(2, 1fr)',
+            xl: 'repeat(3, 1fr)'
+          }
+        }}
+      >
         {cards.map((c, i) => (
           <CardComponent key={i} {...c} />
         ))}
@@ -213,7 +223,14 @@ export const LandingPage = () => {
         create, sign, and verify any document from any device with a browser.
       </Typography>
 
-      <Button variant="contained" onClick={onSignInClick}>
+      <Button
+        sx={{
+          fontSize: '22px',
+          padding: '16px 32px'
+        }}
+        variant="contained"
+        onClick={onSignInClick}
+      >
         GET STARTED
       </Button>
 

src/pages/landing/style.module.scss

@@ -6,31 +6,3 @@
   align-items: center;
   justify-content: center;
 }
-
-.landingPage {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: $text-color;
-  min-height: 80vh;
-  justify-content: center;
-  padding-top: 20px;
-
-  .loginBottomBar {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 10px;
-    background-color: rgba(255, 255, 255, 0.7);
-    border-top: 1px solid rgba(0, 0, 0, 0.096);
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-
-    .loginBtn {
-      // margin-top: 20px;
-      min-width: 200px;
-    }
-  }
-}

src/theme/index.ts

@@ -24,6 +24,7 @@ export const theme = extendTheme({
     MuiButton: {
       styleOverrides: {
         root: {
+          transition: 'ease 0.4s',
           padding: '10px 20px',
           fontSize: '14px',
           fontWeight: 'bold',