.accordion{
    --max-h-text: 144px;
}
.accordion-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(180deg,#fff0,#fff 43.38%)
}
.accordion-text_is-applyed{
    transition: .3s all;
}
.accordion-text_is-applyed:not(.expanded) {
    max-height: var(--max-h-text);
}
.accordion-text_is-applyed{
    /*max-height: var(--max-h-text);*/
    overflow: hidden;
    padding-bottom: 100px
}
.accordion-text_is-applyed.expanded{
    padding-bottom: 70px
}
.accordion-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translate(-50%);
    background: unset;
    width: 100px;
    border-radius: 999px;
    padding: 12px;
    border: 1px solid #E2E3E7;
    cursor: pointer;
    z-index: 100
}

.accordion-button.rotated svg {
    transform: rotate(180deg);
    transition: transform .3s ease-in-out
}

.accordion-button svg {
    transition: transform .3s ease-in-out
}

.accordion-text {
    transition: max-height .5s ease
}