read more

static/css/simple-blog-template.css

@@ -91,6 +91,20 @@ nav {
   text-decoration: none;
 }
 
+/* Subtle 'press' effect when clicked */
+.btn-read-more:active {
+  transform: translateY(1px);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.12);
+}
+
+/* Ensure it behaves like a button block in the flow */
+.btn-read-more {
+  display: inline-block;
+  text-align: center;
+  vertical-align: middle;
+  user-select: none;
+}
+
 /* --- Terminal Style (Code Blocks) --- */
 .terminal-style {
   font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

templates/components/post_preview.html

@@ -9,7 +9,7 @@
 <div class="blog-preview">{{ post.content | striptags | truncate(200) }}</div>
 
 <a
-  class="btn btn-default btn-custom"
+  class="btn btn-read-more"
   href="{{ url_for('post_detail', post_id=post.id) }}"
 >
   Read More