style: review

src/components/Hero/styles.module.scss

@@ -32,5 +32,10 @@
 
 .actions {
   display: flex;
+  flex-direction: column-reverse;
   gap: 1rem;
+
+  @media screen and (min-width: 768px) {
+    flex-direction: row;
+  }
 }

src/components/Outro/index.tsx

@@ -5,12 +5,9 @@ import Start from "@site/src/components/Start";
 export default function Outro(): JSX.Element {
   return (
     <div className={styles.outro}>
-      <p className={`${styles.sub} ${styles.ease}`}>
-        Develop your next decentralized app with{" "}
-        <span className={styles.bold}>ease</span>.
-      </p>
       <p className={`${styles.sub} ${styles.time}`}>
-        Launch it in <span className={styles.bold}>no time</span>.
+        Develop your next decentralized app in{" "}
+        <span className={styles.bold}>no time</span>.
       </p>
 
       <Start />

src/components/Outro/styles.module.scss

@@ -13,12 +13,8 @@
   font-size: var(--ifm-h3-font-size);
 }
 
-.ease {
-  max-width: 78vw;
-}
-
 .time {
-  margin: 0 0 3rem;
+  margin: 0 0 2rem;
 }
 
 .bold {

src/pages/index.module.scss

@@ -9,7 +9,7 @@
 }
 
 .section {
-  padding: 6rem 2rem 4rem;
+  padding: 5rem 2rem 4rem;
 }
 
 .block {