.wp-block-query ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: flex-start;
    gap: 3.5%;
}

.wp-block-query ul li {
    width: 31%;
    min-width: 31%;
    margin-block-start: 0;
    margin-bottom: 2rem;
}

.wp-block-query ul li.encart {
    background-color: var(--wp--preset--color--arthrose);
    border-radius: 8px;
    justify-content: center;
    text-align: center;
}

.wp-block-query ul li.encart img {
    border-radius: 8px 8px 0 0;
}

.wp-block-query ul li.encart.encart-ayurveda {
    background-color: var(--wp--preset--color--ayurveda);
    color:  #fff;
}

.wp-block-query ul li.encart.encart-arthrose {
    background-color: var(--wp--preset--color--noir);
    color:  #fff;
}

.wp-block-query ul li.encart.encart-jeune {
    background-color: var(--wp--preset--color--jeune);
    color:  #fff;
}

.wp-block-query ul li.encart p, .wp-block-query ul li.encart h3 {
    margin: auto;
    max-width: 80%;
}

.wp-block-query ul li.encart h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.wp-block-query .wp-block-button {
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.wp-block-query ul li.encart.encart-ayurveda .wp-block-button .wp-block-button__link, .wp-block-query ul li.encart.encart-jeune .wp-block-button .wp-block-button__link {
    background-color: #fff;
    color: var(--wp--preset--color--noir);
}

.wp-block-query ul li img {
    border-radius: 2%;
    aspect-ratio: 3/2;
    object-fit: cover;
}

.wp-block-query ul li h3 {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.wp-block-query ul li h3 a {
    transition: all 0.3s ease;
}

.wp-block-query ul li h3 a:hover {
    color: var(--wp--preset--color--accent);
}

.wp-block-query li.lien-blog {
    background-color: var(--wp--preset--color--accent);
    padding: 2rem;
    border-radius: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-self: stretch;
    max-height: 25rem;
}

.wp-block-query li.lien-blog h3 {
    border-bottom: none;
    padding-bottom: none;
    margin-top: 0;
    text-align: center;
    height: auto;
}

.wp-block-query li.lien-blog.ayurveda {
    background-color: var(--wp--preset--color--ayurveda);

}
.wp-block-query li.lien-blog.ayurveda h3 {
    color: #fff;
}

.wp-block-query li.lien-blog.jeune {
    background-color: var(--wp--preset--color--jeune);
}
.wp-block-query li.lien-blog.jeune h3 {
    color: #fff;
}

.wp-block-query li.lien-blog.arthrose {
    background-color: var(--wp--preset--color--arthrose);
}
.wp-block-query li.lien-blog.arthrose h3 {
    color: #fff;
}

.wp-block-query li a.wp-block-button__link {
    height: auto;
}

@media screen and (max-width: 650px) {
    .wp-block-query ul li {
        min-width: 100%;
        width: 100%;
    }
}