.offers {
  padding: var(--sp-half) 0;
}

.offers__container {
  display: flex;
  flex-flow: column;
  gap: 8rem;
}

.offers__title {
  max-width: 50%;
}

.offers__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

@media (max-width: 1260px) {
  .offers__container {
    gap: 20px;
  }

  .offers__title {
    max-width: 100%;
  }

  .offers__grid {
    grid-template-columns: 1fr;
  }

  .offers__grid .offers__button-wrap {
    order: 1;
  }
}