Article footer controls style fixes

src/components/Article/Article.module.scss

@@ -98,6 +98,17 @@ img {
     font-size: 1.5rem;
     font-weight: normal;
   }
+
+  :global(.button--subscribe) {
+    font-size: 1rem;
+    height: 3.2rem;
+    padding: 0.4rem;
+    width: 3.2rem;
+
+    img {
+      width: 1.6rem;
+    }
+  }
 }
 
 .writeComment {
@@ -144,13 +155,16 @@ img {
 
 .shoutStatsItem {
   @include font-size(1.5rem);
-
   font-weight: 500;
   display: inline-block;
-  margin: 0 3.2rem 1em 0;
+  margin: 0 6% 1em 0;
   vertical-align: baseline;
   cursor: pointer;
 
+  @include media-breakpoint-up(sm) {
+    margin-right: 3.2rem;
+  }
+
   .icon {
     height: 1.6em;
     display: inline-block;

src/styles/app.scss

@@ -221,28 +221,14 @@ button {
 .button--subscribe {
   background: #fff;
   border: 2px solid #f6f6f6;
-  font-size: 1rem;
-  height: 3.2rem;
+  font-size: 1.5rem;
   justify-content: center;
-  padding: 0.4rem;
+  padding: 0.6rem 1.2rem;
   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 {