/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */
.related-articles.lilam-related-articles {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  list-style: none;
  padding: 0;
  .related-article {
    width: calc((100% - 2rem) / 3);
    .related-article__link {
      filter: grayscale(50%);
      transition: filter 0.3s ease;
      .related-article__thumb {
      }
      .related-article__title {
        text-align: center;
      }
      &:hover {
        filter: grayscale(0%);
      }
    }
  }
}
.related-articles__view-all.lilam-related-articles__view-all {
  display: flex;
  flex-direction: row-reverse;
  .related-articles__view-all-btn {
    display: flex;
    background-color: #000;
    color: #fff;
    justify-content: center;
    align-items: CENTER;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: 1rem;
    letter-spacing: 0.5px;
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #000;
    transition: all 0.3s ease;
    width: calc((100% - 2rem) / 3);
    &:hover {
      background-color: #fff;
      color: #000;
    }
  }
}