<div class="o-usp-block  @modifiers('o-usp-block')" data-kal="fade">
    <ul class="o-usp-block__list">
        @foreach(__('global.usp') as $usp)
            <li class="o-usp-block__item" data-kal="fade" style="--kal-delay: {{$loop->iteration * 0.2}}s">
                <span class="o-usp-block__icon">@includeIf('components.icons.big.'.$usp["icon"])</span>
                <h3 class="o-usp-block__title">{{$usp["title"]}}</h3>
                <p class="o-usp-block__description">{{$usp["description"]}}</p>
            </li>
        @endforeach
    </ul>
    <div class="o-usp-block__action">
        @include('components.button', [
            'buttonText' => 'Offerte aanvragen',
            'buttonLink' => $links->quotation->route,
        ])
    </div>
</div>