.articlesGrid img {
    transition: all 0.5s;
    scale: 1
}

.articlesGrid .grid-item:hover img {
    scale: 1.05;
}

.articlesGrid .grid-item:hover .line-with-arrow {
  animation: shrinkExpand 1s ease-in-out;
}

.articlesFilters {
    text-align:center;
}

.articlesFilters button {
    background: var(--primary);
    color: var(--white);
    border-radius: 30px;
    padding: 10px 30px;
    border: solid 1px var(--primary);
}

.articlesFilters button:hover,
.articlesFilters button.selected {
    background: var(--white);
    color: var(--primary);
}

.articlesFilters button:hover svg,
.articlesFilters button.selected svg {
    fill: var(--primary);
}

.articlesFilters button:hover svg after,
.articlesFilters button.selected svg:after {
    content: "x";
}

.grid-item,
.grid-sizer-25 {
    width: 25% !important;
}

.grid-item {
    border: solid 15px #ffffff;
}

.newsWrapper img {
    max-width: 100%;
    height: auto;
}