@use '../utilities' as *;

.paginate-links {
    margin-top: 30px;
}

.paginate-links .page-numbers:not(.dots),
a.paginate-links .page-numbers:not(.dots) {
    border: 1px solid $secondary_black;
    padding: 5px 8px;
    font-size: .8rem;
    color: $secondary_black;
    background: none;
    transition: all .35s ease-in-out;
}

.paginate-links .page-numbers.current {
    font-weight: 500;
    background: $secondary_black;
    color: $secondary_white;
    transition: all .35s ease-in-out;
}

.paginate-links .page-numbers:not(.dots):hover,
a.paginate-links .page-numbers:not(.dots):hover {
    border: 1px solid $secondary_black;
    padding: 10px 8px;
    font-size: .8rem;
    color: $secondary_white !important;
    background: $secondary_black;
    transition: all .35s ease-in-out;
}

.paginate-links .page-numbers.current:hover {
    padding: 5px 8px;
}
