.pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    list-style: none;
    margin: 0 0 20px 0;

    & > * > * {
        display: flex;
        align-items: center;
        column-gap: .25em;
        padding: 5px 10px;
        color: #999;
        transition: color .1s ease-in-out;

        &:hover {
            color: #666;
            text-decoration: none;
        }
    }

    & > *.active > * {
        color: #666;
    }

    & > *.disabled {
        color: #999;
        pointer-events: none;
    }
}