.gridy {
  border-top: 1px solid var(--pen);
  padding-top: 30px;
  margin: var(--comp-space);
}

.gridy__items {
  display: grid;
  row-gap: 30px;
}

.gridy__title {
  color: var(--primary);
  margin-bottom: 20px;
}

.gridy__btn {
  text-align: right;
  margin-top: 45px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .gridy__items {
    grid-template-columns: 1fr 1fr;
    column-gap: 75px;
  }
}

@media screen and (min-width: 1280px) {
  .gridy__items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 75px;
  }
}