diff --git a/assets/css/style.css b/assets/css/style.css
index 7a0651e..4134853 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -456,6 +456,17 @@ main .e-content .toot-photos img {
   font-size: 1rem;
 }
 
+.reply-button {
+  border: 1px solid black; 
+  padding: 5px; 
+  border-radius: 0.5rem;
+  box-shadow: 5px 5px var(--acent-color);
+}
+
+.reply-button:hover {
+  box-shadow: 2px 2px var(--acent-color);
+}
+
 /*
 ** Fonts
 */
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index d7cef65..44f01c2 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -20,7 +20,7 @@
       {{ .Content }}
     </div>
   </article>
-  <a href='mailto:{{ .Site.Params.email }}?subject=Re: "{{ .Title }}"' style="border: 1px solid black;padding: 5px;border-radius: 0.5rem;">Reply via Email</a>
+  <a href='mailto:{{ .Site.Params.email }}?subject=Re: "{{ .Title }}"' class="reply-button">Reply via Email</a>
 
   {{ partial "webmentions.html" . }}
 </main>