<ul class="c-checklist">
    <li class="c-checklist__item">
        <div class="c-checklist__icon">
            @include('site.components.icons.checkmark')
        </div>
        <div class="c-checklist__label">
            Lorem ipsum dolor.
        </div>
    </li>
    <li class="c-checklist__item">
        <div class="c-checklist__icon">
            @include('site.components.icons.checkmark')
        </div>
        <div class="c-checklist__label">
            In iste, tenetur?
        </div>
    </li>
    <li class="c-checklist__item">
        <div class="c-checklist__icon">
            @include('site.components.icons.checkmark')
        </div>
        <div class="c-checklist__label">
            And maybe some more text to test what happens when text wraps?
        </div>
    </li>
    <li class="c-checklist__item">
        <div class="c-checklist__icon">
            @include('site.components.icons.checkmark')
        </div>
        <div class="c-checklist__label">
            Beatae, magni totam!
        </div>
    </li>
    <li class="c-checklist__item is-excluded">
        <div class="c-checklist__icon">
            @include('site.components.icons.checkmark-excluded')
        </div>
        <div class="c-checklist__label">
            Beatae, magni totam!
        </div>
    </li>
    <li class="c-checklist__item is-excluded">
        <div class="c-checklist__icon">
            @include('site.components.icons.checkmark-excluded')
        </div>
        <div class="c-checklist__label">
            Alias aliquam, optio?
        </div>
    </li>
</ul>