.acordeon .trigger::after {
content: '';
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-repeat: no-repeat;
background-size: contain;
background-image: url('../img/icons/arrow-top.svg');
/transform: rotate(180deg)/ --> iclua essa linha para que a seta fique na posição correta.
transition: .25s;
}
.acordeon.open .trigger::after {
transform: rotate(180deg); --> substitua por 0deg.
}