.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;
  }
}
