.blockquote {
    background: var(--color-primary-light);
    border-radius: var(--radius-semilarge);
    border-bottom: 4px solid var(--color-primary);
    margin-block: calc(var(--spacing) * 16);
    padding: calc(var(--spacing) * 8) calc(var(--spacing) * 16);

    .blockquote-icon {
        position: relative;
        justify-self: center;
        width: fit-content;
        aspect-ratio: 1/1;
        margin-bottom: 2rem;


        > span {
            > svg:not(.circle-animate),
            > img {
                width: 90px !important;
                height: 90px !important;
                border-radius: 50%;
            }
            > img {
                margin: 0;
            }
        }
    }

    .blockquote-content {
        color: var(--color-primary-dark);
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 18px;
        line-height: 26px;
    }

    .blockquote-author__name {
        color: var(--color-primary-dark);
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 18px;
        font-weight: 600;
        line-height: 26px;
        margin-top: calc(var(--spacing) * 8);
        margin-bottom: 0;
    }

    .blockquote-author__job {
        color: var(--color-gray);
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 16px;
        line-height: 24px;
        margin-top: 0;
    }
}

/* EFFET DE LA CHARTE SUR LES ICONES/PHOTOS DES BLOCS DE CITATIONS */
/*.blockquote .blockquote-icon::before {
    content: '';
    position: absolute;
    bottom: -20%;
    left: -10%;
    height: 66%;
    aspect-ratio: 1/1;
    background: transparent;
    border: 6px solid var(--color-primary-dark);
    border-radius: 50%;
    z-index: 5;
}*/