// start pagination
.pagination {
    width: fit-content;
    overflow: hidden;
    margin:50px auto;
    li {
        display:inline-block;
        span, a {
            height: 30px;
            width: 30px;
            display: inline-block;
            background-color: rgb(53 193 204 / .2);
            font-weight: bold;
            line-height: 30px;
            text-align: center;
            color: #35c1cc;
            text-decoration: none;
        }
        &.active {
            span, a {
                color: #fff;
                background-color: #35c1cc;
            }
        }
        &.disabled {
            span, a {
                opacity:.7;
            }
        }
    }
}
// end pagination