nav.pagination{
    margin: 30px 0;
    justify-content: center;
    font-size: 14px;
    & a{
        text-decoration: none;
        color: black;
        padding: 2px 5px;
        border-radius: 5px;
        border: 1px solid lightgray;

        &:hover{
            background-color: var(--primary-color);
            color: white;
        }

    }

    & span.current{
        color: white;
        padding: 2px 5px;
        border-radius: 5px;
        border: 1px solid gray;
        background-color: var(--primary-color);

    }
}

@media (min-width: 768px) {
    nav.pagination{
        font-size: 1rem;
    }
}