.neu-expansion-panel {
    padding: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

:host ::ng-deep .neu-expansion-panel .neu-expansion-panel-body {
    visibility: hidden;
    max-height: 0px;
    transition: max-height .3s linear 0s;
    overflow: hidden;
}

.neu-expansion-panel.neu-pressed {
    cursor: unset;
}

:host ::ng-deep .neu-expansion-panel.neu-pressed .neu-expansion-panel-body {
    visibility: visible;
    max-height: 3000px;
    margin-top: 25px;
    transition: max-height .3s linear 0s;
    overflow-x: auto;
}

.neu-expansion-panel:hover {
    background-image: linear-gradient(135deg, hsl(231, 16%, 89%) -50%, hsl(225, 18%, 94%) 120%);
}

.neu-expansion-panel:active {
    background-image: linear-gradient(135deg, hsl(231, 16%, 87%) -50%, hsl(225, 18%, 92%) 120%);
}

.neu-expansion-panel.neu-pressed:hover {
    background-image: initial;
}

.neu-expansion-panel.neu-pressed:active {
    background-image: initial;
}

.neu-expansion-panel:before {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 14px;
    transition: transform .5s;
    transform-origin: center center;
    cursor: pointer;
}

.neu-expansion-panel.neu-pressed:before {
    transform: rotate(180deg);
}