.ce-expandable {
    --ce-expandable-button-color: var(--bs-body-color);
    --ce-expandable-button-bg: var(--bs-body-bg);
    --ce-expandable-button-border-color: var(--bs-gray);
    --ce-expandable-icon-color: var(--bs-body-bg);
    --ce-expandable-icon-bg: var(--bs-body-color);
}

.ce-expandable .ce-expandable-bottom {
    display: none;
}

.ce-expandable.ce-expandable-enabled {
    position: relative;
    margin-bottom: 2.5rem;
}

.ce-expandable.ce-expandable-enabled .btn-expand {
    overflow: hidden;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--ce-expandable-button-color);
    background-color: var(--ce-expandable-button-bg);
    border-color: var(--ce-expandable-button-border-color);
}

.ce-expandable.ce-expandable-enabled .btn-expand i {
    padding: 0.625em;
    margin-right: 0.625em;
    color: var(--ce-expandable-icon-color);
    background-color: var(--ce-expandable-icon-bg);
}

.ce-expandable.ce-expandable-enabled .ce-expandable-inner {
    overflow: hidden;
}

.ce-expandable.ce-expandable-enabled .ce-expandable-bottom {
    display: block;
    position: absolute;
    bottom: -0.9375rem;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0) 0%, rgba(var(--bs-body-bg-rgb), 1) 66%);
    text-align: center;
}

.ce-expandable.ce-expandable-enabled .ce-show-opened {
    display: none;
}

.ce-expandable.ce-expandable-enabled.ce-open .ce-expandable-inner {
    max-height: none !important;
}

.ce-expandable.ce-expandable-enabled.ce-open .rc-expandable-bottom {
    position: static;
}

.ce-expandable.ce-expandable-enabled.ce-open .ce-show-opened {
    display: inline;
}

.ce-expandable.ce-expandable-enabled.ce-open .ce-show-closed {
    display: none;
}