Specific style for buttons on premium page

[MAILPOET-2505]

assets/css/src/components/_premiumPage.scss

@@ -9,10 +9,26 @@
     padding: 0;
   }
 
-  .button.mailpoet-button-bigger {
+  .premium-button {
+    background: #0085ba;
+    border: 1px solid #006799;
+    border-radius: 3px;
+    box-sizing: border-box;
+    color: #fff;
+    cursor: pointer;
     display: inline-block;
+    font-size: 1.5em;
     line-height: normal;
     margin: 1em 0;
+    padding: 8px 18px 9px;
+    text-decoration: none;
+    vertical-align: top;
+    white-space: nowrap;
+
+    &:hover,
+    &:focus {
+      background: #008ec2;
+    }
   }
 
   .mailpoet-premium-page-intro {

views/premium.html

@@ -19,7 +19,7 @@
         <a
           target="_blank"
           href="<%= add_referral_id('https://account.mailpoet.com?s=' ~ subscriber_count ~ '&utm_source=plugin&utm_medium=premium&utm_campaign=purchase') %>"
-          class="button button-primary mailpoet-button-bigger"
+          class="premium-button"
         >
           <%= _x('Upgrade', 'This text resides in the Premium page: /wp-admin/admin.php?page=mailpoet-premium') %>
         </a>
@@ -38,7 +38,7 @@
     <a
       target="_blank"
       href="<%= add_referral_id('https://account.mailpoet.com?s=' ~ subscriber_count ~ '&utm_source=plugin&utm_medium=premium&utm_campaign=purchase') %>"
-      class="button button-primary mailpoet-button-bigger"
+      class="premium-button"
     >
       <%= _x('Sign up for free', 'This text resides in the Premium page: /wp-admin/admin.php?page=mailpoet-premium') %>
     </a>
@@ -144,7 +144,7 @@
         <a
           target="_blank"
           href="<%= add_referral_id('https://account.mailpoet.com?s=' ~ subscriber_count ~ '&utm_source=plugin&utm_medium=premium&utm_campaign=purchase') %>"
-          class="button button-primary mailpoet-button-bigger"
+          class="premium-button"
         >
           <%= _x('Get started', 'This text resides in the Premium page: /wp-admin/admin.php?page=mailpoet-premium') %>
         </a>
@@ -165,7 +165,7 @@
         <a
           target="_blank"
           href="<%= add_referral_id('https://account.mailpoet.com?s=' ~ subscriber_count ~ '&utm_source=plugin&utm_medium=premium&utm_campaign=purchase') %>"
-          class="button button-primary mailpoet-button-bigger"
+          class="premium-button"
         >
           <%= _x('Get started', 'This text resides in the Premium page: /wp-admin/admin.php?page=mailpoet-premium') %>
         </a>
@@ -193,7 +193,7 @@
     <a
       target="_blank"
       href="<%= add_referral_id('https://account.mailpoet.com?s=' ~ subscriber_count ~ '&utm_source=plugin&utm_medium=premium&utm_campaign=purchase') %>"
-      class="button button-primary mailpoet-button-bigger"
+      class="premium-button"
     >
       <%= _x('Get started', 'This text resides in the Premium page: /wp-admin/admin.php?page=mailpoet-premium') %>
     </a>
@@ -248,7 +248,7 @@
     <a
       target="_blank"
       href="https://wordpress.org/support/plugin/mailpoet/reviews/"
-      class="button button-primary mailpoet-button-bigger"
+      class="premium-button"
     >
       <%= _x('Read all the reviews', 'This text resides in the Premium page: /wp-admin/admin.php?page=mailpoet-premium') %>
     </a>
@@ -275,7 +275,7 @@
     <a
       target="_blank"
       href="<%= add_referral_id('https://account.mailpoet.com?s=' ~ subscriber_count ~ '&utm_source=plugin&utm_medium=premium&utm_campaign=purchase') %>"
-      class="button button-primary mailpoet-button-bigger"
+      class="premium-button"
     >
       <%= _x('Upgrade now', 'This text resides in the Premium page: /wp-admin/admin.php?page=mailpoet-premium') %>
     </a>