.pagination{
    display: flex;
    justify-content: flex-end;
}

.pagination a{
    display: inline-block;
    margin-right: 10px;
    font-size: 28px;
    color: var(--pagination-color);
    padding: 0 .25em;
}

.pagination span{
    margin-right: 10px;
    font-size: 28px;
    color: var(--pagination-color);
}

.pagination-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1595px;
    margin: 0 auto 100px;
    padding: 0 37px;
}

.pagination-block a{
    font-size: 28px;
    color: var(--pagination-color);
}

.pagination-block__first, .pagination-block__last{
    position: relative;
}
.pagination-block__first::after{
    content: '';
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 15px 12px 0;
    border-color: transparent var(--pagination-color) transparent transparent;
}

.pagination-block__last::before{
    content: '';
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 15px;
    border-color: transparent transparent transparent var(--pagination-color);
}

.pagination .counter {
  display: none;
}
.pagination ul.pagination-list li {
  display: inline-block;
  padding-left: .25em;
}
.pagination span.icon-first,
.pagination span.icon-previous,
.pagination span.icon-next,
.pagination span.icon-last {
  display: none;
}
.pagination ul.pagination-list li.active a,
.pagination ul.pagination-list li a:hover {
  color: var(--title-color);
}

