collection-load-more {
  display: block;
}

.main-list-collections__grid {
  display: grid;
  gap: var(--grid-spacing);
}

.main-list-collections__actions {
  margin-top: 2.8rem;
}

@media screen and (min-width: 575px) {
  .main-list-collections__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 750px) {

  .main-list-collections__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .main-list-collections__actions {
    margin-top: 4rem;
  }
}