.accordion-header.variant1::after {
    content: "" !important;
    width: 1em;
    height: 1em;
    color: transparent !important;
    transition: transform .2s ease-in-out;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9Ii0xMCAwIDEwMzQgMTAyNCI+CiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA5NjApIj4KICAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIgpkPSJNNTEyIDE1NGwtNDQ2IDQ0NXEtMjUgMjUgLTI1IDYwLjV0MjUgNjAuNXQ2MC41IDI1dDYwLjUgLTI1bDMyNSAtMzI1bDMyNCAzMjVxMjUgMjUgNjAuNSAyNXQ2MC41IC0yNXQyNSAtNjAuNXQtMjUgLTYwLjVsLTQ0NSAtNDQ1djB6IiAvPgogIDwvZz4KCjwvc3ZnPgo=);
    transform: rotate(360deg);
}
.accordion-header.variant1[data-state=open]::after {
 transform: rotate(180deg);
}