.collection-load-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4rem;
}

.collection-load-more__button {
  min-width: 16rem;
}

.collection-load-more__button .loading__spinner {
  margin-left: 0.8rem;
}

.collection-load-more__button[aria-disabled='true'] {
  pointer-events: none;
}

@media screen and (min-width: 750px) {
  .collection-load-more {
    margin-top: 5rem;
  }
}