.wp-block-query-pagination {
  span,
  a {
    &.page-numbers {
      color: var(--wp--custo--color-body);
      display: inline-block;
      border: none;
      text-align: center;
      border: solid 1px var(--wp--preset--color--primary);
      width: calc(var(--wp--style--block-gap) / 2 * 3);
      height: calc(var(--wp--style--block-gap) / 2 * 3);
      line-height: calc(var(--wp--style--block-gap) / 2 * 3);
      margin: 0 0.25rem;
      border-radius: 100%;
      transition: all 0.2s ease-in-out;
      font-size: var(--wp--preset--font-size--small);
      &.current {
        color: #ffffff;
        background-color: var(--wp--preset--color--primary);
      }
      &:hover {
        color: #ffffff;
        background-color: var(--wp--preset--color--primary);
      }
    }
  }

  > .wp-block-query-pagination-next,
  > .wp-block-query-pagination-numbers,
  > .wp-block-query-pagination-previous {
    margin: 0;
  }
}