.collection-v34__img {
  display: block;
  height: 100%;
}
.collection-v34__img .xo-image {
  height: 100%;
}

.collection-v34__item-link {
  position: absolute;
  width: 50%;
  transform: translateX(-50%);
  left: 50%;
  text-align: center;
  bottom: 3.7rem;
  z-index: 1;
  margin-bottom: unset;
}

.collection-v34 {
  position: relative;
  height: 100%;
}

.collection-v34__link {
  border-radius: 0.8rem;
  padding: 1.6rem 4rem;
  font-size: clamp(1.4rem, calc(0.125vw + 1.35rem), 1.5rem);
  width: 100%;
  display: inline-block;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  transition: all 0.3s;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 0.7rem 2.9rem 0px;
}
@media (min-width: 1400px) {
  .collection-v34__link {
    padding: 1.6rem 3rem;
  }
}
@media (max-width: 1399px) {
  .collection-v34__link {
    padding: 1.2rem 0.6rem;
  }
}

.collection-v34:hover .collection-v34__link {
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-foreground));
}

.collection-v34-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
@media (max-width: 991px) {
  .collection-v34-grid {
    gap: 1.5rem !important;
  }
}

.grid-rows-span-2 {
  grid-row: span 2;
  grid-column: span 2;
  height: 100%;
}
@media (max-width: 767px) {
  .grid-rows-span-2 {
    grid-row: unset;
    grid-column: span 4;
  }
}

.grid-columns-span-1 {
  grid-row: span 1;
  grid-column: span 2;
}
@media (max-width: 767px) {
  .grid-columns-span-1 {
    grid-column: span 4;
  }
}

@media (max-width: 767px) {
  .grid-rows-span-1 {
    grid-column: span 2;
  }
}