.actualites-filter {
  overflow-x: auto;
  margin-bottom: 2rem;
}

.actualites-menu {
  display: flex;
  min-width: fit-content;
  height: 4rem;
}

.actualites-menu > *:not(:last-child) {
  margin-right: 3rem;
}

.actualites-menu > li {
  flex: 0 0 max-content;
}

.actualites-filter-btn {
  position: relative;
}

.actualites-filter-btn.selected:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #3e3e3e;
  bottom: -0.8rem;
}

.actualites-filtered-wrap {
  display: grid;
  gap: 3.9rem;
}

@media only screen and (min-width: 768px) {
  .actualites-filtered-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem 1.8rem;
  }
}

@media only screen and (min-width: 1092px) {
  .actualites-filtered-wrap {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3.6rem 3.2rem;
  }
}