<div class="c-hero__text">
    {!! !empty($model->translation->hero_description) ? $model->translation->hero_description : '' !!}

    @if(!empty($model->translation->hero_button_1_label) || !empty($model->translation->hero_button_2_label))
        <div class="c-hero__buttons">
            @if(!empty($model->translation->hero_button_1_label) && !empty($model->translation->hero_button_1_link))
                @include('site.components.buttonLink', [ 'modifiers' => 'filled', 'buttonText' => $model->translation->hero_button_1_label, 'buttonLink' => $model->translation->hero_button_1_link])
            @endif

                @if($model->translation->use_video == 1 && isset($model->translation->video_id))
                    <div class="c-hero__button">
                        <button class="c-button c-button--video-icon js-youtube-modal-button" data-youtube="{{$model->translation->video_id}}">
                            <span class="c-button__text">{{$model->translation->video_button_text}}</span>
                        </button>
                    </div>

                @else
                    @if(!empty($model->translation->hero_button_2_label) && !empty($model->translation->hero_button_2_link))
                        @include('site.components.buttonLink', ['buttonText' => $model->translation->hero_button_2_label, 'buttonLink' => $model->translation->hero_button_2_link])
                    @endif
                @endif
        </div>
    @endif

</div>