Update design 8

static/css/mobile-pagination.css

@@ -38,12 +38,15 @@
         font-size: 0.9rem !important;
         min-width: 80px !important;
         text-align: center !important;
-        border-radius: 4px !important;
+        border: none !important;
+        border-radius: 0 !important;
         display: flex !important;
         align-items: center !important;
         justify-content: center !important;
         line-height: 1.2 !important;
         white-space: nowrap !important;
+        box-shadow: none !important;
+        outline: none !important;
     }
     
     /* Показываем только навигационные кнопки */
@@ -68,6 +71,17 @@
         text-align: center !important;
         width: 100% !important;
         height: 100% !important;
+        border: none !important;
+        box-shadow: none !important;
+        outline: none !important;
+    }
+    
+    /* Скрываем информацию о страницах */
+    .pagination-info,
+    .pagination .info,
+    .pagination .page-info,
+    .pagination-status {
+        display: none !important;
     }
 }
 
@@ -82,5 +96,9 @@
         justify-content: center !important;
         text-align: center !important;
         line-height: 1.2 !important;
+        border: none !important;
+        border-radius: 0 !important;
+        box-shadow: none !important;
+        outline: none !important;
     }
 }

static/css/pagination-info.css

@@ -9,6 +9,18 @@
     gap: 1rem !important;
 }
 
+/* Убираем рамки со всех кнопок пагинации */
+.pagination a,
+.pagination .previous,
+.pagination .next,
+.pagination .first,
+.pagination .last {
+    border: none !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+    outline: none !important;
+}
+
 /* Информация о страницах для десктопа */
 .pagination .page-info {
     display: inline-flex !important;
@@ -19,12 +31,15 @@
     color: #333 !important;
     background: none !important;
     border: none !important;
+    border-radius: 0 !important;
     text-align: center !important;
     font-weight: 300 !important;
     white-space: nowrap !important;
     min-width: 60px !important;
     box-sizing: border-box !important;
     flex-shrink: 0 !important;
+    box-shadow: none !important;
+    outline: none !important;
 }
 
 .pagination .page-info .current-page {
@@ -47,7 +62,10 @@
 
 /* Скрываем информацию о страницах на мобильных */
 @media (max-width: 768px) {
-    .pagination .page-info.desktop-only {
+    .pagination .page-info,
+    .pagination .page-info.desktop-only,
+    .pagination-info,
+    .pagination-status {
         display: none !important;
     }
 }