.fxa-accordion {
    position: relative;
}

.fxa-accordion__panel__toggle {
    position: relative;
    list-style-type: none !important;
    display: block;
    line-height: normal;
    text-decoration: none;
    text-align: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0;
}

.fxa-accordion__panel {
    border-bottom: 1px solid #CDD7E0;
}

.fxa-accordion__panel .fxa-accordion__panel__toggle:after {
    position: absolute;
    top: calc(50% - 0);
    right: 22px;
    color: var(--color-icon-blue);
    font-size: 18px;
    background-color: transparent;
}

.fxa-accordion__panel.is-expanded .fxa-accordion__panel__toggle:after {
    /* content: '';
    width: 18px;
    height: 3px;
    border-radius: 8px;
    background-color: var(--color-icon-blue); */
    transform: rotate(45deg);
}

.fxa-accordion__panel__content {
    overflow: hidden;
}

/* .fx-accordion-panel__content {
    max-width: 716px;
} */

.fx-accordion-panel__content > p:last-child {
    margin-bottom: 0;
}

.accordion-icon {
    width: 28px;
    display: inline-block;
    margin-right: 10px;
}

.has-accordion-icon .fx-accordion-panel__content {
    margin-left: 38px;
}

.has-accordion-icon .fxa-accordion__panel__toggle {
    display: flex;
    align-items: center;
}

.fxa-accordion__panel:not(.is-expanded) .fxa-accordion__panel__content {
    display: none;
}

@media (min-width: 1025px) {
    .fxa-accordion__panel__content {
        position: relative;
        width: 100%;
    }
}
