diff --git a/src/styles/app.scss b/src/styles/app.scss
index 7a53a316..5bd44b6d 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -221,12 +221,28 @@ button {
 .button--subscribe {
   background: #fff;
   border: 2px solid #f6f6f6;
-  font-size: 1.5rem;
-  padding: 0.6rem 1.2rem;
+  font-size: 1rem;
+  height: 3.2rem;
+  justify-content: center;
+  padding: 0.4rem;
   transition: background-color 0.2s;
+  width: 3.2rem;
+
+  @include media-breakpoint-up(sm) {
+    font-size: 1.5rem;
+    height: auto;
+    padding: 0.6rem 1.2rem;
+    width: auto;
+  }
 
   img {
+    height: auto;
     transition: filter 0.2s;
+    width: 1.6rem;
+
+    @include media-breakpoint-up(sm) {
+      width: auto;
+    }
   }
 
   &:hover {