diff --git a/landing/read-docs-btn.css b/landing/read-docs-btn.css
index e2fb16ec4..de9e3db5c 100644
--- a/landing/read-docs-btn.css
+++ b/landing/read-docs-btn.css
@@ -1,30 +1,36 @@
 .button {
   position: relative;
   height: 160px;
   width: 100%;
   border: 2px solid white;
   color: white;
   background: transparent;
   padding: 28px;
   cursor: pointer;
   text-align: left;
   padding-top: 100px;
   border-radius: 8px;
   font-family: 'IBM Plex Sans', sans-serif;
   font-size: 24px;
 }
 
+@media (max-width: 1099px) {
+  .button {
+    font-size: 18px;
+  }
+}
+
 .button:hover {
   background-color: white;
   color: black;
 }
 
 .button:hover img {
   filter: invert(1);
 }
 
 .cornerIcon {
   position: absolute;
   top: 20px;
   right: 20px;
 }