.wp-block-latest-posts.wp-block-latest-posts__list {
  background-color: var(--wp--preset--color--grey-lighter);
  margin-left: 0;
  padding: 24px !important;
  width: 100%;
}

.wp-block-latest-posts.is-grid {
  max-width: none;
  padding: 24px;
}

.wp-block-latest-posts li {
  margin-top: 24px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: var(--wp--preset--color--white);
  transition: .25s ease-in-out, color .25s ease-in-out;
  display: flex;
}

.wp-block-latest-posts li:first-child {
  margin-top: 0;
}

.wp-block-latest-posts li:hover {
  background-color: var(--wp--preset--color--grey-light);
}

.wp-block-latest-posts li a {
  color: var(--wp--preset--color--black);
  text-decoration: none;
  line-height: 1.1;
  font-size: var(--wp--preset--font-size--regular);
  font-family: var(--wp--preset--font-family--secondary);
  padding: 8px;
  width: 100%;
}

.wp-block-latest-posts.is-grid li a {
  white-space: normal;
}

.wp-block-latest-posts.is-grid li {
  @include mq(x-small) {
    max-width: 45%;
  }

  @include mq(small) {
    max-width: 100%;
  }
}

.section--tinted .wp-block-latest-posts.wp-block-latest-posts__list {
  padding-left: 0;
  padding-right: 0;
}

.section .wp-block-latest-posts.wp-block-latest-posts__list li a {
  font-weight: normal;
}
