.collapsible-content {
    overflow: hidden;
    border-bottom: 1px solid #dee2e6 !important;
}

.collapsible-transition-height {
    transition: height 0.2s ease-in-out;
}

.collapsible-content-padding > ul {
    margin: 0 0 0 2em;
}

.collapsible-content-padding {
    padding: 10px 0 10px 10px;
}

.collapsible-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.2rem;
    background-color: transparent;
    border-bottom: 1px solid gray;
    color: black;
    padding-left: 25px;
}

.collapsible-button:not(.collapsed) {
    background-color: aliceblue;
    color: royalblue;
}

.collapsible-button.collapsed:hover {
    background-color: transparent;
}

.collapsible-button:hover {
    background-color: aliceblue;
}

.collapsible-button.collapsed:focus {
    border-color: lightblue;
    background-color: white;
}

.collapsible-button.collapsed:focus {
    border-color: lightblue;
}

.collapsible-button::after {
    content: "\276E";
    margin-left: auto;
    transition: all 0.2s linear;
    transform: rotate(-90deg);
}

.collapsible-button:not(.collapsed)::after {
    transform: rotate(90deg);
}

.collapsible-card {
    transition: 0.3s;
}

.collapsible-card:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}