.faqWrapper h1 {
    margin-bottom: 1em;
    text-align: center
}

.faqWrapper+.purposes {
    margin-top: 3em
}

.faq {
    position: relative
}

.faq:after,
.faq:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #A3CD39;
    background: -moz-linear-gradient(left, #cbdb2a 0%, #8fbb39 100%);
    background: -webkit-linear-gradient(left, #cbdb2a 0%, #8fbb39 100%);
    background: linear-gradient(to right, #cbdb2a 0%, #8fbb39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbdb2a', endColorstr='#8fbb39', GradientType=1)
}

.faq:before {
    top: 0;
    content: ""
}

.faq:after {
    bottom: 0
}

.faq:last-child:after {
    content: ""
}

.faq button {
    padding: 2rem 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left
}

.faq button .icon {
    flex: 0 0 auto;
    margin-left: 1em;
    color: #A3CD39
}

.faq button .minus {
    display: none
}

.faq button[aria-expanded=true] .minus {
    display: block
}

.faq button[aria-expanded=true] .plus {
    display: none
}

.faq h2 {
    font-size: 1.5em
}

.faq__answer {
    padding: 1rem
}

.faq__answer>*+* {
    margin-top: 0.7em
}

.purposes+.registerCta {
    margin-top: 2em
}