.custom-latest-posts, .wp-block-latest-posts__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    /* align-items: flex-start; */
    gap: 20px;
    margin: 20px 0 !important;
    max-width: unset !important;

    padding: 0;


    .custom-post-item, >li {
        display: flex;
        flex-direction: column;
        gap: 20px;
        border-radius: 12px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transition: all 0.2s ease-in-out;
        cursor: pointer;

        max-width: 300px;

        &:hover {
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            transform: translateY(-2px);
        }

        >a {
            display: flex;
            flex-direction: column;
            text-decoration: none;
            color: inherit;
            padding: 10px;
            /* gap: 10px; */

        }

        img {
            border-radius: 6px;
            max-width: 100%;
            object-fit: cover;
            margin-bottom: 10px;
            width: 100%;
            height: 130px;
        }

        h3, .wp-block-latest-posts__post-title {
            font-size: 24px;
            margin: 0;
            color: #000;
            font-family: 'Manrope', sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 800;
            line-height: normal;
        }

        .custom-post-meta {


            p,
            span,
            a,
            b {
                color: #808080;
                font-family: Manrope;
                font-style: normal;
                font-size: 14px;
                font-weight: 800;
                line-height: normal;
            }

            ;
        }

        span.custom-post-sponso {
            /* couleur dorée */
            color: #8f802c;
        }



        .custom-post-excerpt {
            color: #808080;
            font-family: Manrope;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            word-wrap: break-word;
            word-break: break-word;
            overflow-wrap: ellipsis;
            overflow: hidden;
            max-height: 90px;
            margin-top: 10px;
        }
    }
}