.blog-section {
    /* ton image en fond si tu en as une (sinon couleur) */
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin: auto; /* centrer horizontalement */
    width: 100%;
    justify-content: center; /* centre horizontalement */
    padding: 4rem; /* un peu de marge intérieure */
    background-color : var(--primary);
}

.blog-section__content {
    max-width: 100%; /* quasi full-width */
    text-align: center; /* titre et paragraphe centrés */
    position: relative; /* pour l’empilement si overlay */
    z-index: 1;
    color: var(--black); /* ou blanc si fond foncé */
}

    .blog-section__content h2 {
        font-family: Poppins-Black;
        text-transform: uppercase;
    }

    .blog-section__content > p {
        color: var(--grey-dark);
    }

    .blog-section__content .title_icon {
        width: 30px;
        height: 30px;
        fill: var(--destructive) !important;
        padding-top: 0.2rem;
    }

/* === Responsive mobile (<768px) === */
@media (max-width: 767.98px) {
    .blog-section {
        justify-content: center; /* on centre le contenu */
        text-align: left; /* paragraphes centrés */
        width: 100%;
        padding: 2em 2em;
    }

    .how-content {
        /*max-width: 100%; /* prend toute la largeur dispo */
    }
}

@media (min-width: 1400px) {
    .blog-section {
        
    }
}

@media (max-width: 992px) {
    .blog-section {
    }
}


@media (min-width: 768px) {
    .blog-section .m-button--primary-reverse::after {
        content: '';
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        left: 65%;
        width: 120px;
        height: 40px;
        background-image: url('data:image/svg+xml;utf8,<svg width=\'126\' height=\'41\' viewBox=\'0 0 126 41\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M17.3376 40.1844L1.42769 22.5068C0.451379 21.422 0.45138 19.6632 1.42769 18.5784L17.3376 0.900731C18.3139 -0.184058 19.8968 -0.184058 20.8731 0.900731C21.8494 1.98552 21.8494 3.74431 20.8731 4.8291L9.231 17.7648L26.4956 17.7648C33.7965 17.7648 41.1068 16.5514 48.4972 14.9371C51.639 14.2508 54.8843 13.4691 58.1499 12.6825C62.3778 11.6642 66.6397 10.6376 70.7547 9.79939C77.4761 8.43022 84.2949 7.35743 91.061 6.29292C92.9338 5.99828 94.8025 5.70427 96.664 5.40479C105.286 4.01772 113.797 2.50722 122.093 0.258899C123.435 -0.104618 124.787 0.808926 125.115 2.29936C125.442 3.78979 124.619 5.29272 123.278 5.65623C114.737 7.97076 106.029 9.5116 97.3805 10.903C95.4834 11.2082 93.5912 11.506 91.704 11.8029C84.9533 12.8651 78.2677 13.9171 71.6564 15.2639C67.5087 16.1088 63.4791 17.0818 59.3925 18.0687C56.1474 18.8523 52.8664 19.6446 49.4618 20.3883C41.9504 22.029 34.273 23.3204 26.4956 23.3204L9.231 23.3204L20.8731 36.2561C21.8494 37.3409 21.8494 39.0997 20.8731 40.1844C19.8968 41.2692 18.3139 41.2692 17.3376 40.1844Z\' fill=\'%23011B37\'/></svg>');
        pointer-events: none;
    }
}