.pagination{display:flex;justify-content:center;li{display:flex;justify-content:center;align-items:center;width:30px;height:30px;margin:0 4px;border:1px solid transparent;border-radius:4px;cursor:pointer;a{align-items:center;text-decoration:none;font-size:16px;font-weight:400}}li:first-child,li:last-child{border-radius:4px}:not(.dark) &{li{background-color:initial;&:hover{background-color:#131317;a{color:#fff}}a{color:#252f2e}&.active{background-color:#131317;border-color:#131317;a{color:#fff}}}.pagination-arrow{fill:#252f2e}.pagination-arrow:hover{fill:#fff}}.dark &{li{background-color:initial;&:hover{background-color:#027d5d;color:#f7f7f8;a{color:#f7f7f8}}a{color:#f7f7f8}&.active{background-color:#027d5d;border-color:#027d5d;a{color:#f7f7f8}}}.pagination-arrow,.pagination-arrow:hover{fill:#f7f7f8}}}