.c-accordion {
    margin-bottom: 12px;
}

.c-accordion__header[aria-expanded=true] i {
    /* Invert the arrow if it's open */
    transform:scaleY(-1);
}

.c-accordion__header .far {
    pointer-events: none;
}

.c-accordion__panel[aria-hidden=true] {
    display: block;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition-delay: 0.5s, 0s, 0s;
    margin: 0;
    padding: 0;
}

.c-accordion__panel {
    display: block;
    overflow: hidden;
    opacity: 1;
    transition: visibility 0s ease, max-height 0.5s ease, opacity 0.5s ease ;
    max-height: 100em; /* magic number for max-height = enough height */
    visibility: visible;
    transition-delay: 0s;
    margin: 0;
    padding: 0;
}