/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    ATOME : PAGER
    Styles des boutons pour la pagination
*/



.atom_pager {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--gray-700);
    border-radius: 50%;
    font-size: 1.8rem;
    width: 32px;
    height: 32px;
    transition: background-color .4s, color .4s;
}

    /* Active & Hover */
    .atom_pager:hover,
    .atom_pager.current {
        background-color: var(--gray-800);
        color: var(--white);
    }

    /* Prev & Next */
    .atom_pager.prev:not(:hover),
    .atom_pager.next:not(:hover) {
        color: var(--c-quaternary);
    }