From a15a9fce1895b5bc54f8fe7a487cbda5444c19df Mon Sep 17 00:00:00 2001
From: Eric Wiese <eric.wiese@classyllama.com>
Date: Wed, 1 Jul 2015 14:35:51 -0500
Subject: [PATCH] MAGETWO-37843: All responsive email templates in Blank Theme

- Add button style support with proof of concept markup
---
 .../email/password_reset_confirmation.html    | 17 +++++-
 .../blank/web/css/source/_email-base.less     | 54 ++++++++++++++++++-
 2 files changed, 69 insertions(+), 2 deletions(-)

diff --git a/app/code/Magento/Customer/view/frontend/email/password_reset_confirmation.html b/app/code/Magento/Customer/view/frontend/email/password_reset_confirmation.html
index 97a8ad7b2dc..50d362b1827 100644
--- a/app/code/Magento/Customer/view/frontend/email/password_reset_confirmation.html
+++ b/app/code/Magento/Customer/view/frontend/email/password_reset_confirmation.html
@@ -19,8 +19,23 @@
 <p>{{trans "There was recently a request to change the password for your account."}}</p>
 <p>
     {{trans "If you requested this change, reset your password here:"}}
-    <a href="{{store url="customer/account/createPassword/" _query_id=$customer.id _query_token=$customer.rp_token}}">{{trans "Reset Password"}}</a>
+
 </p>
+
+<table class="button" width="100%" border="0" cellspacing="0" cellpadding="0">
+    <tr>
+        <td>
+            <table class="inner-wrapper" border="0" cellspacing="0" cellpadding="0" align="center">
+                <tr>
+                    <td align="center">
+                        <a href="{{store url="customer/account/createPassword/" _query_id=$customer.id _query_token=$customer.rp_token}}" target="_blank">{{trans "Reset Password"}}</a>
+                    </td>
+                </tr>
+            </table>
+        </td>
+    </tr>
+</table>
+
 <p>{{trans "If you did not make this request, you can ignore this email and your password will remain the same."}}</p>
 
 {{template config_path="design/email/footer_template"}}
diff --git a/app/design/frontend/Magento/blank/web/css/source/_email-base.less b/app/design/frontend/Magento/blank/web/css/source/_email-base.less
index f4cbae54311..7d3c71ce058 100644
--- a/app/design/frontend/Magento/blank/web/css/source/_email-base.less
+++ b/app/design/frontend/Magento/blank/web/css/source/_email-base.less
@@ -193,7 +193,59 @@ body {
 //  Buttons
 //  ---------------------------------------------
 
-// TODO: Add button styles
+.button {
+    .inner-wrapper {
+        td {
+            .css(border-radius, @button__border-radius, 1);
+            background-color: @button-primary__background;
+
+            a {
+                font-size: @button__font-size;
+                color: @button-primary__color;
+                .css(border-radius, @button__border-radius, 1);
+                border: 1px solid @button-primary__background;
+                text-decoration: none;
+                padding: @button__padding;
+                display: inline-block;
+            }
+        }
+    }
+}
+
+.email-non-inline() {
+    .button {
+        .inner-wrapper {
+            td:hover {
+                background-color: @button-primary__hover__background !important;
+            }
+
+            td:active {
+                background-color: @button-primary__active__background !important;
+            }
+        }
+
+        a:hover {
+            // Undo general link hover state
+            color: @button-primary__color !important;
+            text-decoration: none !important;
+            border: 1px solid @button-primary__hover__background;
+        }
+    }
+
+    .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
+        .button {
+            .inner-wrapper {
+                width:100% !important;
+
+                td {
+                    a {
+                        font-size: @button__font-size + 2;
+                    }
+                }
+            }
+        }
+    }
+}
 
 //
 //  Messages
-- 
GitLab