/* sets the link to the width of the entire panel title */
.accordion-flush>.accordion-item {
    border:1px solid #ddd !important;
    margin-bottom:15px;
    border-radius: 4px !important;
}
.accordion-flush>.accordion-item>.accordion-header .accordion-button, 
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    background: #fff !important;
    box-shadow:none !important;
}
.accordion-flush>.accordion-item>.accordion-header .accordion-button:not(.collapsed) {
    box-shadow:none !important;
}

.accordion-flush>.accordion-item .accordion-header:hover .accordion-button,
.accordion-flush>.accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color:#20d024;
}

.accordion-flush>.accordion-item .accordion-header .accordion-button::after {
    content: "";
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 17px !important;
    transform: rotate(45deg);
    text-decoration: none;
    transition: .35s ease;
    background: linear-gradient(to right, #20d024, #20d024 100%, #000 0%) !important;
    background-clip: text !important;
    width:1rem;
    height:1rem;    
}
.accordion-flush>.accordion-item .accordion-header:hover .accordion-button::after,
.accordion-flush>.accordion-item>.accordion-header .accordion-button:not(.collapsed)::after {
    transform: rotate(-135deg) !important;
    border-color: #20d024 !important;
    transition: .35s ease !important;
}