Animate PowerPack for Elementor Advanced Accordions toggle icons.

17138.css

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 2 version
*/

@-webkit-keyframes ClockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(45deg);transform: rotate(45deg);}	
}

@keyframes ClockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(45deg);transform: rotate(45deg);}	
}

@-webkit-keyframes antiClockwiseSpin {
	0%  {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}	
}

@keyframes antiClockwiseSpin {
	0%  {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}	
}

span.pp-accordion-toggle-icon-close.pp-icon {
    -webkit-animation: antiClockwiseSpin 0.3s linear;
            animation: antiClockwiseSpin 0.3s linear;
}

.pp-advanced-accordion .pp-accordion-tab-active-default .pp-accordion-toggle-icon-open, 
.pp-advanced-accordion .pp-accordion-tab-show .pp-accordion-toggle-icon-open {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    display: inline-block;
    -webkit-animation: ClockwiseSpin 0.3s linear;
            animation: ClockwiseSpin 0.3s linear;
}