.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: var(--space-16);
}
.pagination ul {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.pagination span {
    letter-spacing: 2px;
    color: var(--black-3);
}
.pagination a {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--white-1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black-3);
    font-size: var(--size-text-17);
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.2s ease-in-out;
}
.pagination a:hover, .pagination a.active {
    border-radius: 8px;
    background: #145fcb;
    box-shadow: 0px 2px 30px 0px rgba(0, 49, 107, 0.05);
    color: var(--white-1);
}
.pagination > a {
    color: var(--blue-1);
    font-size: var(--size-icon-20);
    background-color: var(--white-1);
}

.pagination .prev a:hover, .pagination .last a:hover{
    color: var(--white-1) !important;
    background: #145fcb;
}
.pagination a:hover > i{
    color: var(--white-1) !important;
}

#form_forgot .popup-footer .button, #form_change .popup-footer .button{
    min-width: 190px;
}