@props(['question'])

<article class="faq-card">
    <div class="faq-card__wrapper">
        <div class="faq-question" data-toggle-faq>
            <h3 class="faq-title">{{ $question->name }}</h3>
            <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="7.648" height="3.824" viewBox="0 0 7.648 3.824">
                <path id="Path_47986" data-name="Path 47986" d="M0,3.824,3.824,0,7.648,3.824Z" transform="translate(7.648 3.824) rotate(180)" fill="#032e61"/>
            </svg>
        </div>
        <div class="faq-answer">
            {!! $question->content !!}
        </div>
    </div>
</article>
