.upcoming-events {
  .h-scroll {
    padding-inline: var(--sp-4);
    padding-bottom: var(--sp-4);
  }
}

@media (min-width: 1440px) {
  .upcoming-events .h-scroll {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: visible;

    .event-card {
      width: 100%;
    }
  }
}
