.bottom-tab {
    cursor: pointer;
    display: flex;

}

.bottom-tab.hidden {
    display: none;
}

.bottom-arrow {
    display: inline-block;
    transition: transform 0.75s ease-out;
}

.bottom-arrow.rotated {
    transform: rotate(180deg);
}

.expandable-content {
    overflow: hidden;
    max-height: 0; 
    transition: max-height 1s ease-out;
}

.expandable-content.expanded {
    max-height: calc(100vh - 90px); 
}