diff --git a/static/css/blog.css b/static/css/blog.css index 053e3a5..19db76b 100644 --- a/static/css/blog.css +++ b/static/css/blog.css @@ -1,9 +1,8 @@ .post-divider { width: 100%; - border: 1px solid #000; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); + border: none; + border-top: 1px solid #e5e7eb; } - .post-divider-expanded { margin-top: 25px; margin-bottom: 60px; diff --git a/static/css/simple-blog-template.css b/static/css/simple-blog-template.css index 2ddb4f9..cc414c2 100644 --- a/static/css/simple-blog-template.css +++ b/static/css/simple-blog-template.css @@ -97,21 +97,24 @@ nav { /* --- Buttons & UI --- */ .btn-read-more { margin-top: 20px; - margin-right: 4px; float: right; - background: #f8f9fa; - border: 1px solid #e1e4e8; - color: #666; + + background: #f3f4f6; + border: 1px solid #d1d5db; + color: #374151; + border-radius: 6px; - padding: 8px 20px; - font-size: 0.85rem; + padding: 10px 22px; + + font-size: 0.8rem; font-weight: 600; + text-transform: uppercase; - letter-spacing: 0.03em; - transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); - display: inline-block; + letter-spacing: 0.04em; + + transition: all 0.18s ease; + text-decoration: none !important; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-read-more:hover {