.wp-block-query-pagination-numbers {
    display: flex;
    font-family: var(--wp--preset--font-family--mono);
}

.wp-block-query-pagination-numbers .page-numbers {
    border: 1px solid currentColor;
    border-right-width: 0px;
    text-decoration: none;
    padding: 0.5em;
    line-height: 1;
    transition: all 0.25s ease-out;
    transition-property: color, background-color, border-color;
}

.wp-block-query-pagination-numbers a.page-numbers:hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--primary) 15%, #ffffff 85%);
}

.wp-block-query-pagination-numbers .page-numbers.current,
.wp-block-query-pagination-numbers a.page-numbers:active {
    background-color: var(--wp--preset--color--primary);
    color:var(--wp--preset--color--neutral);
    border-color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination-numbers .page-numbers:last-child {
    border-right-width: 1px;
}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
    text-decoration: none;
    opacity: 0.6;
    transition: opacity 0.25s ease-out;
}

.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:active,
.wp-block-query-pagination-previous:active {
    opacity: 1;
}

/* Dark Style */

.is-style-dark .wp-block-query-pagination {
    color: var(--wp--preset--color--neutral);
}

.is-style-dark .wp-block-query-pagination-numbers a.page-numbers:hover {
    background-color: var(--wp--preset--color--primary);
}

.is-style-dark .wp-block-query-pagination-numbers .page-numbers.current,
.is-style-dark .wp-block-query-pagination-numbers a.page-numbers:active {
    background-color: var(--wp--preset--color--neutral);
    color:var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--neutral);
}