.m-pagination {
    margin-block-start: 0 !important;
    margin: 1em 0 3em !important;

    &.admin {
        background-color: #f5f5f5;
        padding: 2em;
        text-align: center;
        color: #000;
    }

    .wp-pagenavi {
        text-align: center;
        margin: 0;

        .pages {
            display: none;
        }

        span,
        a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: .4em .8em;
            margin: .5em 0;
            font-size: .875rem;
            text-decoration: none;
            border: solid 1px transparent;
            color: var(--wp--preset--color--base);
            background: transparent;
            transition: all 300ms ease-in-out;
            border-radius: 50%;
            width: 40px;
            height: 40px;
        }

        .nextpostslink {
            border: none;
        }

        .current {
            background: var(--wp--preset--color--border);
            border-color: var(--wp--preset--color--border);
            color: var(--wp--preset--color--white);
        }

        a:hover {
            background: var(--wp--preset--color--main-accent);
            border-color: var(--wp--preset--color--main-accent);
            color: var(--wp--preset--color--secondary) !important;
            text-decoration: none;
        }
    }
}