.pagination-border {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 10px;
}
.pagination {
    font-weight: 600;
    display: flex;
    text-align: center;
}

.pagination a {
    text-decoration: none;
    border: 1px solid #b6b6b6;
    color: #333;
    border-radius: 2px;;
}

.pagination a, .pagination span {
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin: 0 2px;
}

@media (max-width: 829px) {
    .pagination a, .pagination span {
        width: 2.7rem;
        height: 3.5rem;
        line-height: 3.5rem;
    }
}

.pagination .prev {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzIzMzMzO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjUuMSw3IDExLjUsMS41IDEwLjEsMCAyLjIsNyAxMC4xLDE0IDExLjUsMTIuNSAiLz4NCjwvc3ZnPg0K');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
}

.pagination .next {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzIzMzMzO30NCjwvc3R5bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjguNiw3IDIuMiwxMi41IDMuNywxNCAxMS41LDcgMy43LDAgMi4yLDEuNSAiLz4NCjwvc3ZnPg0K');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
}

.pagination .prev, .pagination .next {
    color: #000000;
    background-color: #f9f9f9;
    border-radius: 2px;
    border: solid 1px #b6b6b6;
    width: 60px;
    height: 46px;
}

@media (max-width: 829px) {
    .pagination .prev, .pagination .next {
        width: 5rem;
        height: 3.5rem;
    }
}

.pagination .prev.disabled, .pagination .next.disabled {
    color: #000;
    background-color: #fff;
    border: solid 1px #b6b6b6
}

.pagination .current {
    color: #fff;
    background-color: #ff9024;
    border: solid 1px #ff9024;
    border-radius: 2px;
}