.f3-widget-paginator {
    --spacing-base: 24px;
    --icon-size: 20px;
}

.f3-widget-paginator {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing-base) * .3);
    padding-left: 0;
}

.f3-widget-paginator li {
    display: inline-block;
    width: calc(var(--spacing-base) * 1.5);
    height: calc(var(--spacing-base) * 1.5);
    font-size: 90%;
    text-align: center;
    line-height: calc(var(--spacing-base) * 1.45);
}

.f3-widget-paginator li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.f3-widget-paginator li a:hover {
  text-decoration: underline;
}

.f3-widget-paginator .first,
.f3-widget-paginator .previous,
.f3-widget-paginator .next,
.f3-widget-paginator .last {
    svg {
        width: var(--icon-size);
        height: var(--icon-size);
        vertical-align: sub;
    }
}