.upcomingWrapper {
  background: var(--color-deepBrick);
  color: var(--color-goldenBeige);
  margin: 0 calc(var(--spacing-sitepadding)*-1);
  padding: 1rem var(--spacing-sitepadding);
  position: relative;
  overflow-x: hidden;

  h2 {
    margin-bottom: 1rem;
  }
}

.eventList {
  --size-item-width: 17rem;
  list-style: none;
  display: flex;
  width: calc(var(--size-item-width) * 5);

  li {
    padding-right: 1rem;
  }
}

.calendarLink {
  padding: 1rem var(--spacing-sitepadding);
  text-align: right;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: var(--font-size-lead);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  background: linear-gradient(90deg, transparent, var(--color-deepBrick));
}