/*
* block pagination static css
*/
.sp-smart-post-pagination-section {
  display: flex;
  // justify-content: center;

  // Pagination button common css.
  .sp-smart-post-navigation-buttons .sp-smart-post-grid-nav-arrow-btn,
  .sp-smart-post-pagination-buttons a,
  .sp-smart-post-load-more-button a {
    font-weight: 500;
    border-color: #4e4f52;
    color: #FFFFFF;
    background-color: #333333;
    font-size: 14px;
    padding: 0px 8px 0px 8px;
    text-decoration: none;
    border: 1px solid transparent;

    &.current,
    &:hover {
      background-color: var(--smart-post-secondary);
      border-color: var(--smart-post-secondary);
    }
  }

  .sp-smart-post-navigation-buttons .sp-smart-post-grid-nav-arrow,
  .sp-smart-post-pagination-buttons,
  .sp-smart-post-load-more-button {
    gap: 4px;
    margin: 48px 0px 0px 0px;
  }

  .sp-smart-post-load-more-button a:focus {
    outline: none;
  }

  a {
    box-sizing: content-box;
  }

  .sp-prev-next span,
  .next,
  .prev {
    min-width: 92px;
    min-height: 38px;
    box-sizing: border-box;
    // padding: 0 !important;
  }

  .sp-smart-post-load-more-button a {
    min-width: 112px;
    min-height: 38px;
    box-sizing: border-box;
  }

  .page-numbers\+arrow-next,
  .page-numbers\+arrow-prev,
  .page-numbers.number-arrow,
  .page-numbers:not(.next):not(.prev) {
    min-width: 36px;
    min-height: 38px;
    box-sizing: border-box;
  }

  .sp-smart-pagination-prev-next-prev i,
  .page-numbers\+prev-next\+arrow-prev i {
    margin-right: -4px;
  }

  .sp-smart-pagination-prev-next-next i,
  .page-numbers\+prev-next\+arrow-next i {
    margin-left: -4px;
  }

  .sp-smart-post-no-more-post-label {
    font-size: 16px;
    opacity: 0;
    animation: fadeIn 0.2s ease forwards;
    animation-delay: 200ms;
  }

  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }

  a {
    box-sizing: content-box;
  }

  .sp-prev-next span,
  .next,
  .prev {
    min-width: 72px;
    min-height: 36px;
    box-sizing: border-box;
  }

  .page-numbers\+arrow-next,
  .page-numbers\+arrow-prev,
  .page-numbers.number-arrow,
  .page-numbers:not(.next):not(.prev) {
    // min-width: 22px;
    padding: 0 12.5px;
    min-height: 36px;
  }

  .sp-smart-pagination-prev-next-prev i,
  .page-numbers\+prev-next\+arrow-prev i {
    margin-right: -4px;
  }

  .sp-smart-pagination-prev-next-next i,
  .page-numbers\+prev-next\+arrow-next i {
    margin-left: -4px;
  }
}

.sp-smart-post-navigation-buttons .sp-smart-post-grid-nav-arrow-btn.sp-prev {
  transform: rotate(180deg);
}

.sp-smart-post-pagination-section .sp-smart-post-load-more-button a,
.sp-smart-post-pagination-section .sp-smart-post-navigation-buttons .sp-smart-post-grid-nav-arrow .sp-smart-post-grid-nav-arrow-btn,
.sp-smart-post-pagination-section .sp-smart-post-pagination-buttons span,
.sp-smart-post-pagination-section .sp-smart-post-pagination-buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.pagination-top .sp-smart-post-navigation-buttons .sp-smart-post-grid-nav-arrow {
  margin: 0 0 40px 0;
}
.sp-smart-post-pagination-section .sp-smart-post-pagination-buttons:hover a,
.sp-smart-post-pagination-section .sp-smart-post-pagination-buttons a.current,
.sp-smart-post-pagination-section .sp-smart-post-pagination-buttons a:focus {
  outline: none;
}

.sp-smart-post-pagination-section .sp-smart-post-pagination-buttons, 
.sp-smart-post-pagination-section .sp-smart-post-navigation-buttons, 
.sp-smart-post-pagination-section .sp-smart-post-navigation-buttons .sp-smart-post-grid-nav-arrow {
  width: 100%;
  display: flex;
  justify-content: inherit;
}