.section-events {
  padding: var(--margin) 0 var(--section-gap-lg);
  overflow: hidden;
}
.section-events__grid {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-top: var(--margin);
}
.section-events__grid::before {
  content: "";
  position: absolute;
  left: var(--margin);
  width: calc(100% - 2 * var(--margin));
  top: 0;
  height: 1px;
  background-color: currentColor;
}
.section-events__title {
  grid-column: 1/-1;
  margin-bottom: var(--section-gap-sm);
}
@media only screen and (min-width: 800px) {
  .section-events__title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.section-events__all {
  grid-column: 1/-1;
  -ms-grid-column-align: center;
      justify-self: center;
}
.section-events__all:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
@media only screen and (max-width: 799px) {
  .section-events__all {
    margin-top: var(--section-gap-sm);
  }
}
@media only screen and (min-width: 800px) {
  .section-events__all {
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-column: 7/13;
    -ms-grid-column-align: end;
        justify-self: end;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: var(--section-gap-sm);
  }
}
.section-events__list {
  grid-column: 1/-1;
}
@media only screen and (min-width: 800px) {
  .section-events__list {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}