1 files changed, 18 insertions, 26 deletions
diff --git a/services/blog/public/style.css b/services/blog/public/style.css
index fda139d7..529c15be 100644
--- a/services/blog/public/style.css
+++ b/services/blog/public/style.css
@@ -315,51 +315,43 @@ img {
 
 .pagination {
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   align-items: center;
+  gap: 1rem;
   margin: 2rem 0;
   padding: 1rem 0;
   border-top: 1px solid #d1d1d1;
   border-bottom: 1px solid #d1d1d1;
 }
 
-.pagination-prev,
-.pagination-next {
-  flex: 1;
-}
-
-.pagination-prev {
-  text-align: left;
-}
-
-.pagination-next {
-  text-align: right;
-}
-
-.pagination-info {
-  flex: 0 0 auto;
+.pagination-page {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem 1rem;
+  border: 1px solid #ddd;
   text-align: center;
-  color: #000;
-  font-size: 0.9rem;
+  box-sizing: border-box;
 }
 
 .pagination a {
-  text-decoration: none;
   color: #000;
-  padding: 0.5rem 1rem;
+  background: #fff;
+  text-decoration: none;
   border: none;
 }
 
-.pagination a:hover {
-  color: #666;
+.pagination-page-current {
+  background: #000;
+  color: #fff;
+}
+
+.pagination-elipsis {
+  color: #999;
 }
 
 @media screen and (max-width: 768px) {
   .pagination {
     font-size: 0.9rem;
   }
-
-  .pagination a {
-    padding: 0.5rem;
-  }
 }