.wp-block-query-pagination {
    &.is-style-rounded {
        padding-block-start: var(--wp--preset--spacing--x-small);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em;

        .wp-block-query-pagination-next,
        .wp-block-query-pagination-previous {
            background-color: var(--wp--preset--color--primary-navy-600);
            color: var(--wp--preset--color--white);
            text-decoration: none;
            height: 40px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-inline: 1.5em;

            &:hover {
                background-color: var(--wp--preset--color--primary-navy-800);
            }
        }

        .wp-block-query-pagination-numbers {
            display: flex;
            gap: 0.5em;

            > * {
                display: flex;
                align-items: center;
                justify-content: center;
                transition: background-color var(--transition--timing-200);

                &:not(.dots) {
                    background-color: var(--wp--preset--color--primary-navy-600);
                    color: var(--wp--preset--color--white);
                    border-radius: 50%;
                    aspect-ratio: 1;
                    contain: paint;
                    width: 40px;
                    text-decoration: none;
                }

                &.current {
                    background-color: var(--wp--preset--color--primary-navy-900);
                }

                &:is(a) {
                    &:hover {
                        background-color: var(--wp--preset--color--primary-navy-800);
                    }
                }
            }
        }
    }
}