.infinite-post-loop {
  position: relative;
  width: 100%;
  min-height: 36px;
  margin: 12px 0 24px;
}

.infinite-post-loop a.page-numbers,
.infinite-post-loop span.page-numbers {
  visibility: hidden;
}

.infinite-post-loop-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-top-color: #000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: biabum-infinite-spin 0.7s linear infinite;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.infinite-post-loop.is-loading .infinite-post-loop-spinner {
  opacity: 1;
}

@keyframes biabum-infinite-spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}