Nice button in emails

app/views/layouts/user_mailer.html.haml

@@ -38,6 +38,22 @@
 						cursor: default;
 					}
 			}
+			h3 b {
+				padding: 10px 20px;
+				line-height: 50px;
+			}
+			h3 b a {
+				color: #FFF !important;
+				background-color: #02CA9E;
+				text-decoration: none !important;
+				border-radius: 4px;
+				padding: 10px 15px;
+				margin-left: 20px;
+				border-bottom: 3px solid #00AF88;
+			}
+			h3 b a:hover {
+				background-color: #00AF88;
+			}
 			@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 			a[href^="tel"], a[href^="sms"] {
 						text-decoration: none;

app/views/user_mailer/email_confirmation.html.haml

@@ -1,4 +1,6 @@
 %p=_'email.confirmation.paragraph.please_confirm','Hello! To gain access to registration and other features of Bike!Bike!, please confirm your email address by clicking on following link:'
 - link = "#{@host}/confirm/#{@confirmation.token}"
 %p
+	%h3
+		%b
 			%a{href: link}=_'email.confirmation.link.please_confirm'