.text-collapse {
    display: flex;
    justify-content: space-between;
}

    .text-collapse .text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: unset;
        transition: height 0.15s ease-in-out;
    }

    .text-collapse .btn-collapse svg {
        width: 24px;
        height: 24px;
        transition: transform .15s ease-in-out;
    }

    .text-collapse:not(.text-collapsed) .btn-collapse svg {
        transform: rotate(180deg)
    }

.text-collapsed .text {
    height: 30px !important;
    white-space: nowrap;
}