/* MASONRY COMPOSITION */

.masonry > * {
  margin-bottom: var(--space-16);
  width: 100%;
}
.masonry > *:only-child {
  column-span: all;
}
.masonry > button:only-child {
  transform: translateY(30%);
}

@media (min-width: 40rem) {
  .masonry {
    column-count: 2;
  }
}
@media (min-width: 65rem) {
  .masonry {
    column-count: 3;
  }
}
@media (min-width: 90rem) {
  .masonry {
    column-count: 4;
  }
}
