@use "00-base/colors" as *;

@use "00-base/variables" as *;

@mixin ma-accordion-icon() {

    &:after {
        content: "+";
        color: var(--mf-c-primary-alt);
        display: block;
        font-size: 1.6em;
        font-weight: $fonts-semibold;
        line-height: .75em;
        position: absolute;
        top: 15px;
        right: 15px;
        transition: transform .5s ease;
        transform-origin: center center;
    }

    .is-open & {

        &:after {
            transform: rotate(135deg);
        }
    }
}