.faq__header {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 1em;
}

.faq__question {
    font-size: 1.25em;
    font-weight: bold;
}

.faq__icon {
    --size: 24px;

    border: 1px solid rgb(255 255 255 / 0.25);
    border-radius: 50%;
    display: inline-flex;
    height: var(--size);
    min-width: var(--size);
    width: var(--size);
}

.faq__icon svg {
    margin: auto;
}

.faq__content-container {
    display: none;
    height: var(--height);
    overflow: hidden;
    transition: height ease-out 200ms;
}

.faq__content {
    margin-left: 2.55em;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.faq--deployed .faq__content {
    display: block;
}
