.list8-item {
  align-items: center;
}
.list8-item .list8-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: white;
  border-radius: var(--border-radius);
  padding: 20px;
  margin-top: -40px;
  max-width: calc(100% - 40px);
  width: 100%;
  box-shadow: var(--box-shadow);
}
.list8-item .list8-body .list8-date {
  background: var(--main-color);
  padding: 5px;
  margin-top: 0;
  border-radius: var(--border-radius-large);
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
}
.list8-item .list8-body .list8-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list8-item .list8-image img {
  border: 1px solid var(--border-image-color);
}

@media (max-width: 767.98px) {
  .list8-item .list8-body {
    max-width: 100%;
    margin-top: 0;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
  }
  .list8-item .default-border-radius.list8-image,
  .list8-item .default-border-radius.list8-image img {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
  }
}