<div class="c-card  @modifiers('c-card')">

    @if(!empty($cardImage))
        <div class="c-card__image-placeholder">
            <a href="{{ $cardButtonLink ?? '#' }}">
                <img class="c-card__image  u-clip-path" data-id="clip-path-image-2" alt="{{ $cardImageAlt ?? '' }}" src="{{$cardImage}}"/>
            </a>
        </div>
    @endif

    <div class="c-card__body">
        @if(!empty($cardTitle))<h3 class="c-card__title">{{ $cardTitle }}</h3>@endif

        @if(!empty($cardText))
            <div class="c-card__content">
                {!! $cardText ?? '' !!}
            </div>
        @endif

        @if(!empty($cardButtonLink) && !empty($cardButtonText))
            <div class="c-card__action">
                @include('site.components.button', [
                    'modifiers' => ['primary'],
                    'buttonType' => 'text',
                    'buttonIcon' => 'arrowRight',
                    'buttonText' => $cardButtonText,
                    'buttonLink' => $cardButtonLink,
                ])
            </div>
        @endif
    </div>

</div>