Fix readDocButton

Author: luzrain

src/components/LandingPage/index.js

@@ -160,7 +160,7 @@ export default function LandingPage() {
                                     <CodeBlock language="bash">{`php server.php start`}</CodeBlock>
                                 </div>
 
-                                <Link className={styles.readFullDocButton} to="/docs/general/">
+                                <Link className={styles.readDocButton} to="/docs/general/">
                                     View Documentation
                                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round">
                                     <path d="M3 10h13" />

src/components/LandingPage/index.module.css

@@ -177,7 +177,7 @@
 
 .primaryButton,
 .secondaryButton,
-.readFullDocButton {
+.readDocButton {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -191,7 +191,12 @@
         border-color 120ms ease-out,
         color 120ms ease-out,
         box-shadow 140ms ease-out;
-    @apply rounded-xl px-6 md:px-8 py-3 gap-3 shadow hover:shadow-md;
+    @apply py-3 gap-3;
+}
+
+.primaryButton,
+.secondaryButton {
+    @apply rounded-xl px-6 md:px-8 shadow hover:shadow-md;
 }
 
 .primaryButton {
@@ -207,19 +212,20 @@
     text-decoration: none;
 }
 
-.readFullDocButton {
-    @apply px-0 shadow-none hover:shadow-none hover:no-underline;
+.readDocButton {
+    @apply shadow-none hover:shadow-none hover:no-underline;
+    padding-inline: 0;
     font-size: 1.05em;
 }
 
-.readFullDocButton svg {
+.readDocButton svg {
     display: block;
     position: relative;
     top: 1px;
     transition: transform 160ms ease-out;
 }
 
-.readFullDocButton:hover svg {
+.readDocButton:hover svg {
     transform: translateX(3px);
 }