.news-article-list {
    padding: 20px 20px 46px;

}

.news-article-list .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* .news-articles-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
} */

/*.news-articles-container {*/
/*  display: grid;*/
/*  grid-template-columns: repeat(auto-fill, minmax(333px, 1fr));*/
/*  grid-auto-rows: 0;*/
/*  gap: 20px;*/
/*}*/

.news-article-card a.button {
    display: inline-block;
}

.news-article-card {
    background-color: var(--lighter-grey);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: box-shadow ease-in-out 0.3s;
    width: 100%;
}

.news-article-card:hover {
    text-decoration: none;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
}

.news-article-card img {
    aspect-ratio: 348/200;
    object-fit: cover;
    width: 100%;
    border-radius: 6px;
}

.related-news-article-card img {
    aspect-ratio: 260/200;
    object-fit: cover;
    border-radius: 6px;
}

.pagination {
    width: 100% !important;
    position: absolute;
    bottom: 0 !important;
    left: unset !important;
    top: unset !important;
    /* left: calc(66.6667% + 13.3333px); */
    display: flex;
    justify-content: center;
}

label.button-filter:has(input[type="radio"]:checked) {
    background-color: var(--green) !important;
    color: var(--white);
}

@media (width > 48rem) {
    .news-article-list {
        padding: 60px 120px 80px;
    }

    /* .news-articles-container {
      gap: 24px;
    } */
    .news-article-card {
        justify-content: space-between;
    }

    .news-article-card img {
        aspect-ratio: 293/200;
    }

    .pagination {
        bottom: -40px !important;
    }
}
