.rodat-collapse-button {
    cursor: pointer;
}

.rodat-collapse-button svg {
    transition: transform .3s ease-in-out;
    transform: rotate(0deg);
    height: .4em;
    vertical-align: middle;
    margin-right: .5em;
}

.rodat-collapse-button.rodat-collapsed svg {
    transform: rotate(-90deg);
}

.rodat-collapse-button:hover svg {
    transform: rotate(-180deg);
}

.rodat-collapse-button.rodat-collapsed:hover svg {
    transform: rotate(0deg);
}

.rodat-collapsable-box:not(.rodat-collapsing).rodat-collapsed {
    display: none;
}

.rodat-collapsing {
    overflow: hidden;
}

.rodat-collapsable-box::before,
.rodat-collapsable-box::after {
    display: block;
    height: 1px;
    content: "";
    width: 100%;
    margin-bottom: -1px;
}

.rodat-collapsable-box::after {
    margin-bottom: 0px;
    margin-top: -1px;
}