Initial commit

frontend/src/styles/components/pagination.css

@@ -0,0 +1,53 @@
+.pagination {
+  padding: 1.7rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-top: 1px solid var(--gray);
+  gap: 1.5rem;
+}
+
+.pagination__list {
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+}
+
+.pagination__item {
+  font-weight: 500;
+  font-size: 1.3rem;
+  line-height: 2rem;
+  color: #000;
+  transition: 0.3s;
+}
+
+a.pagination__item:hover {
+  color: var(--primary);
+}
+
+.pagination__item.is-active {
+  font-weight: 700;
+}
+
+.pagination__btn {
+  display: flex;
+  align-items: center;
+  gap: 0.2rem;
+  font-weight: 500;
+  font-size: 1.3rem;
+  line-height: 2rem;
+  color: #000;
+  transition: 0.3s;
+}
+
+.pagination__btn:hover {
+  color: var(--primary);
+}
+
+@media (max-width: 767px) {
+  .pagination {
+    border-top: 0;
+    border-bottom: 1px solid var(--gray);
+    margin: 0 -2rem;
+  }
+}