.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}}}