.accordion {
    &__trigger {
        cursor: pointer;
        width: 100%;
        display: flex;
        align-items: center;
    }

    &__icon {
        transition: transform 0.4s ease-in-out;
    }

    &--opened &__icon {
        transform: rotate(180deg);
    }

    &__content {
        overflow: hidden;
        transition: max-height 0.4s ease-in-out;
        max-height: 0;
    }
}