.pager {
    display: flex;
    gap: 15px;
}

.pager .current,
.pager a:hover
{
    background: none;
    font: 400 15px / 18px gpro, sans-serif;
    border: 1px solid #299822;
    text-align: center;
    position: relative;
    cursor: pointer;
    line-height: 1;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #299822;
    color: #FFFFFF;
}

.pager a {
    background: none;
    color: #222;
    font: 400 15px / 18px gpro, sans-serif;
    border: 1px solid #222;
    text-align: center;
    position: relative;
    cursor: pointer;
    line-height: 1;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}