[data-section-type=hp-3up] .btn.btn--readmore {
  text-align: center;
  width: 100%;
  margin-top: 12px;
  color: rgb(var(--color-foreground));
}

[data-section-type=hp-3up] .text-dark .hp-section--3up__text,
[data-section-type=hp-3up] .text-dark .hp-section--3up__title {
  color: rgb(var(--color-foreground));
}

@media only screen and (min-width: 768px) { 
  [data-section-type=hp-3up] {
    padding: 62px 0 67px;
  }
  .hp-section--3up {
    margin-bottom: 72px;
  }
}

@media only screen and (max-width: 767px) {
  [data-section-type=hp-3up] .grid__item {
    margin-bottom: 30px;
  }
}