diff --git a/theme/blog_share_theme.css b/theme/blog_share_theme.css
index a4b560a..bbb2e9a 100644
--- a/theme/blog_share_theme.css
+++ b/theme/blog_share_theme.css
@@ -1584,15 +1584,26 @@ a.previous::before {
     background: transparent;
 }
 
-/* action links as buttons (pagination / prev-next already boxed, blog-pn gets a box) */
+/* action links as buttons (subtle tint, noticeable on hover) */
 .blog-pn {
     padding: 6px 14px;
-    border: 1px solid var(--background-highlight);
+    border: 1px solid rgba(131, 165, 152, 0.35);
     border-radius: 8px;
-    background: var(--background-secondary);
+    background: rgba(131, 165, 152, 0.08);
+    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
+}
+
+html.theme-light .blog-pn {
+    border-color: rgba(7, 102, 120, 0.35);
+    background: rgba(7, 102, 120, 0.08);
 }
 
 .blog-pn:hover {
-    background: var(--background-highlight);
-    border-color: var(--text-link);
+    background: rgba(131, 165, 152, 0.18);
+    border-color: #83a598;
+}
+
+html.theme-light .blog-pn:hover {
+    background: rgba(7, 102, 120, 0.15);
+    border-color: #076678;
 }
\ No newline at end of file