.pagination {
    li {
        border: 1px solid #bdbdbd;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: bolder;
        color: #bdbdbd;
        border-radius: 5px;
        height: 4rem;
        width: 4rem;
        transition: all 0.3s;

        a, span {
            margin: 0;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
        }

    }
    #selected {
        background-color: var(--primary-color);
        color: white;
        border-color: var(--primary-color);
    }

    li:hover {
        background-color: #f5f5f5;
        color: var(--primary-color);
        border-color: var(--primary-color);
    }
}