#contenu-atouts-voir-plus {
    --collapsed-height: 175px;
    position: relative;
    transition: height 0.5s ease-in-out;
    height: var(--collapsed-height);
    overflow: hidden;
}

#contenu-atouts-voir-plus:not(.contenu-ouvert)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--atouts-bg, #ffffff) 100%);
    pointer-events: none;
}

#contenu-atouts-voir-plus.contenu-ouvert {
    overflow: visible;
}

#contenu-atouts-voir-plus.contenu-deplie {
    height: auto;
    overflow: visible;
}

#contenu-atouts-voir-plus.contenu-deplie::after {
    content: none;
}

@media (min-width: 1024px) {
    #contenu-atouts-voir-plus {
        --collapsed-height: 220px;
    }
}