diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index d680e56..1dbc087 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -102,6 +102,21 @@
 }
 }
 @media screen and (max-width: 1024px) {
+  .html--buy-button{
+    align-items: normal;
+    flex-direction: column;
+  }
+  .html--buy-button :global(.vtex-button){
+    max-width: 93.662%;
+    width: 100%;
+    height: 74px;
+  }
+  .html--buy-button :global(.vtex-button) :global(.vtex-button__label){
+    padding-left: 21.92%;
+    padding-right: 21.92%;
+    padding-top: 12px !important;
+    padding-bottom: 12px  !important;
+  }
   .html--pdp-productMain{
     flex-direction: column;
     align-items: center;