<div class="o-how">
    <h2 class="o-how__heading">{{__('site/global.howItWorks.heading')}}</h2>
    <ul class="o-how__list">
        @foreach(__('site/global.howItWorks.items') as $key => $item)
            <li class="o-how__item" data-kal="slide-up" style="--kal-delay: {{$key * 150}}ms;">
                <img class="o-how__image" src="{{$item['image']}}"/>
                <p class="o-how__desc">{{$item['description']}}</p>
            </li>
        @endforeach
    </ul>
    <div class="o-how__action">
        @include('components.button', [
            'buttonText' => __('site/global.howItWorks.buttonLabel'),
            'buttonLink' => $links->technique->route ?? ''
        ])
    </div>
</div>