.pagination{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:6rem 0;

    font-family:var(--font-body);

}

.pagination__pages{

    display:flex;

    gap:.75rem;

}

.pagination a,
.pagination span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    border-radius:50%;

    text-decoration:none;

    transition:var(--transition);

}

.pagination a:hover{

    background:var(--color-accent);

    color:#fff;

}

.pagination__current{

    background:var(--color-accent);

    color:#fff;

}