.expandCollapseArrowComponent {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: rotate(360deg);
    transition: 0.30s;
    -webkit-transition: 0.30s;
    -moz-transition: 0.30s;
    -ms-transition: 0.30s;
    -o-transition: 0.30s;
}

.expandCollapseArrowComponent.rotate270 {
	transform: rotate(270deg);
}

.expandCollapseArrowComponent.rotate270.expanded {
	transform: rotate(360deg);
}

.expandCollapseArrowComponent.expanded {
    transform: rotate(180deg);
}