diff --git a/public/style/blog.css b/public/style/blog.css
index 9ec8e62..ee637bb 100644
--- a/public/style/blog.css
+++ b/public/style/blog.css
@@ -6,7 +6,7 @@
 }
 
 main {
-    width: min(calc(100% - 4rem), 900px);
+    width: min(calc(100% - 4rem), 1200px);
     margin: 0 auto 1rem auto;
 }
 
@@ -17,6 +17,7 @@ main {
 
 article.blog {
     font-family: 'Lora', serif;
+    font-size: 24px;
 }
 
 .blog-date {
@@ -127,17 +128,28 @@ article.blog {
 .btn.mastodon {
     font-family: monospace;
     text-wrap: nowrap;
+    text-decoration: none;
+    transition-property: color background-color;
+    transition-duration: .1s;
 }
 
 .btn.bluesky {
     color: var(--bluesky);
     border-color: var(--bluesky);
 }
+.btn.bluesky:hover {
+    background-color: var(--bluesky);
+    color: #fff;
+}
 
 .btn.mastodon {
     color: var(--mastodon);
     border-color: var(--mastodon);
 }
+.btn.mastodon:hover {
+    background-color: var(--mastodon);
+    color: #fff;
+}
 
 .comment {
     font-family: 'Inter', 'Arial', sans-serif;