.events-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 900px;

  & > li + li {
    margin-top: 1rem;
  }

  & > li {
    overflow: hidden;
    border-radius: 0.25rem;
    box-shadow:
      0 4px 6px -2px rgb(0 0 0 / 10%),
      0 2px 4px -1px rgb(0 0 0 / 8%);

    & a {
      background-color: var(--custom-text-background-color);
      color: var(--custom-text-color);
      display: block;
      text-decoration: none;

      &:hover {
        background-color: var(--custom-text-background-color-hover);
      }

      & > img {
        width: 100%;
      }
    }

    & a div {
      padding: 2rem;

      & > h5 {
        font-family: "Iowan Old Style", "Palatino Linotype", "URW Palladio L",
          "P052", serif;
        font-weight: 300;
        padding: 0;
        margin: 0;
        margin-bottom: 2rem;
        font-size: 1.25rem;
      }
    }
  }
}