.blog__container .content__container {
    border-radius: 16px;
    background-color: #FCFAF8;
    padding: 2rem;
    transition: all .5s ease;
    border: 1px solid #E5E7EB;
}

.blog__container:hover .content__container {
    transform: translateY(-20px);
}

.filter__buttons {
    margin-bottom: 2rem;
}

.filter__btn.active {
    background: #000;
    color: #fff;
}




/**** ------------ Nouveau CSS   ------------ ****/
/* ================================
   FILTER CONTAINER
================================ */

.filter__container {
    padding: var(--spacer);
}

@media screen and (min-width: 1200px) {
    .filter__container {
        padding: calc(var(--spacer)*2);
    }
}

/* ================================
   BUTTONS
================================ */

.filter__buttons {
    display: none;
}

@media screen and (min-width: 768px) {
    .filter__buttons {
        display: flex;
        justify-content: start;
        gap: 1rem;
    }
}

.filter__btn {
    border: 1px solid #d68e75;
    border-radius: 30px;
    color: var(--white);
    font-weight: 600;
    font-size: 18px;
    position: relative;
    transition: all 0.3s ease;
    padding: 8px 20px;
    background: #d68e75;
    cursor: pointer;
}

.filter__btn:hover,
.filter__btn.active {
    color: var(--white);
    background-color: hsl(165 30% 45%);
    border: 1px solid hsl(165 30% 45%);
}

/* ================================
   SELECT MOBILE
================================ */

.filter__select {
    display: block;
}

@media screen and (min-width: 768px) {
    .filter__select {
        display: none;
    }
}

.filter__dropdown {
    width: 100%;
    border: 1px solid #d68e75;
}

/* ================================
   BLOG CONTAINER
================================ */

.blog__container .content__container{
  border-radius: 16px;
  background-color: #FCFAF8;
  padding: 2rem;
  transition-property: transform !important;
  transition-duration: .8s !important;
  transition-timing-function: ease !important;
  border: 1px solid #E5E7EB;
}

.blog__container .deco{
  margin-bottom: calc(var(--spacer)*.5);
}

.blog__container .deco .date p{
  color: #d68e75;
  font-weight: 600;
}

.blog__container .title{
  margin-bottom: calc(var(--spacer)*.5);
}

.blog__container .title h2{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.blog__container .content{
margin-bottom: calc(var(--spacer)*.5);
}

.blog__container .content p{
  color: hsl(200 10% 45%) !important; 
   
}

.blog__container .link{
  cursor: pointer;
   margin-bottom: calc(var(--spacer)*.5);

}

.blog__container .link a {
  color: hsl(165 30% 45%) !important;
  font-weight: 600;
}

.blog__container .link a svg{
  transform: translateY(25%);
}


.blog__container:hover .content__container{
  transform: translateY(-50px);
}

.blog__container:hover .title h2{
  color: hsl(165 30% 45%) !important;
  
}