.wp-block-query-pagination,
nav.pagination {
    --pagination-dot-color: var(--wp--preset--color--lightgrey);
    --pagination-dot-color-hover: var(--wp--preset--color--base-2);
    --pagination-dot-color-active: var(--wp--preset--color--black);
    --pagination-arrow-color: var(--wp--preset--color--black);
    --pagination-arrow-color-hover: var(--wp--preset--color--contrast);
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 1rem !important;
}

.wp-block-query-pagination-numbers,
nav.pagination .pagination-numbers {
    align-items: center;
    display: flex;
    gap: 8px !important;
    justify-content: center;
    margin: 20px 0;
}

.wp-block-query-pagination-numbers a,
nav.pagination .pagination-numbers a,
.wp-block-query-pagination-numbers span.current,
nav.pagination .pagination-numbers .pagination-btn.active {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 13px;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    text-decoration: none;
    text-indent: -999px;
    transition: background-color 0.2s ease;
    width: 13px;
}

.wp-block-query-pagination-numbers a,
nav.pagination .pagination-numbers a {
    background-color: var(--pagination-dot-color);
    color: transparent;
}

.wp-block-query-pagination-numbers a:hover,
nav.pagination .pagination-numbers a:hover {
    background-color: var(--pagination-dot-color-hover);
}

.wp-block-query-pagination-numbers span.current,
nav.pagination .pagination-numbers .pagination-btn.active {
    background-color: var(--pagination-dot-color-active);
    color: transparent;
}

.wp-block-query-pagination-numbers span.dots {
    color: var(--pagination-arrow-color);
    display: inline-flex;
    font-size: 15px;
    line-height: 1;
    margin: 0 -2px;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
nav.pagination .pagination-prev,
nav.pagination .pagination-next {
    align-items: center;
    background: transparent !important;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
    color: transparent !important;
    display: inline-flex;
    flex: 0 0 12px;
    font-size: 0;
    height: 22px;
    justify-content: center;
    line-height: 0;
    margin: 0 !important;
    overflow: visible;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 12px;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover,
nav.pagination .pagination-prev:hover,
nav.pagination .pagination-next:hover {
    background: transparent !important;
    color: transparent !important;
}

.wp-block-query-pagination-previous span,
.wp-block-query-pagination-next span,
nav.pagination .pagination-prev span,
nav.pagination .pagination-next span {
    display: none !important;
}

.wp-block-query-pagination-previous::after,
.wp-block-query-pagination-next::after,
nav.pagination .pagination-prev::after,
nav.pagination .pagination-next::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
}

.wp-block-query-pagination-previous::after,
nav.pagination .pagination-prev::after {
    border-bottom: 6px solid transparent;
    border-right: 5px solid var(--pagination-arrow-color);
    border-top: 6px solid transparent;
}

.wp-block-query-pagination-next::after,
nav.pagination .pagination-next::after {
    border-bottom: 6px solid transparent;
    border-left: 5px solid var(--pagination-arrow-color);
    border-top: 6px solid transparent;
}

.wp-block-query-pagination-previous:hover::after,
nav.pagination .pagination-prev:hover::after {
    border-right-color: var(--pagination-arrow-color-hover);
}

.wp-block-query-pagination-next:hover::after,
nav.pagination .pagination-next:hover::after {
    border-left-color: var(--pagination-arrow-color-hover);
}

nav.pagination .pagination-prev.disabled,
nav.pagination .pagination-next.disabled {
    opacity: 1;
    pointer-events: none;
}

.list-pagination-block nav.pagination {
    align-items: center;
    display: flex;
    justify-content: center;
}

.list-pagination-block nav.pagination .pagination-numbers {
    align-items: center;
    display: flex;
    gap: 8px !important;
    margin: 20px 0;
}

.list-pagination-block nav.pagination a.pagination-prev,
.list-pagination-block nav.pagination a.pagination-next {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    flex: 0 0 12px !important;
    font-size: 0 !important;
    height: 22px !important;
    line-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 12px !important;
}

.list-pagination-block nav.pagination a.pagination-prev span,
.list-pagination-block nav.pagination a.pagination-next span {
    display: none !important;
}