.accordion__item {
    width: 100%;
}

.accordion__item .accordion__header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion__item .accordion__header .accordion__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.accordion__item .accordion__header .accordion__icon svg {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.accordion__item .accordion__header.active .accordion__icon {
    background-color: #9747FF;
}

.accordion__item .accordion__header.active .accordion__icon svg {
    transform: rotate(0);
}

.accordion__content {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}