.articles {
  .articles__content {
    padding-bottom: 7.5%;

    .articles__title {
      font-weight: 700;
      font-size: 1.875rem;
      line-height: 153%;
      letter-spacing: 0.05em;
      &:not(:last-child) {
        margin-bottom: 1em;
      }
    }

    .articles__items {
      display: grid;
      gap: 1.875rem;
      grid-template-columns: repeat(auto-fit, minmax(18.125rem, 1fr));
    }
  }

  .item-article {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease 0s;
    &:hover {
      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    }

    .item-article__image {
      position: relative;
      width: 100%;
      padding-bottom: 53.1%;
    }

    .item-article__image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .item-article__content {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      padding: 6.6%;
    }

    .item-article__title {
      flex: 1 1 auto;
      &:not(:last-child) {
        margin-bottom: 0.5em;
      }
    }

    .item-article__link-title {
      font-weight: 600;
      font-size: 1.25rem;
      line-height: 170%;
      &:hover {
        text-decoration: underline;
      }
    }

    .item-article__date {
      font-size: 1rem;
      line-height: 213%;
      color: #ababab;
    }
  }
}