.expandable-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.expandable-wrapper {
    transition: max-height 0.5s;
    position: relative;
    max-height: 100px;
    overflow: hidden;
}
.expandable-btn-container {
    transition: border-color var(--theme-transition-duration);
    border-top: 1px solid var(--border-color);
    text-align: center;
    padding: 15px 20px;
}

.outline-btn {
    transition: all var(--theme-transition-duration);
    border: 1px solid var(--border-color);
    color: var(--border-color);
    background-color: #0000;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
}
.outline-btn:hover {
    border-color: var(--text-color);
    color: var(--text-color);
}