<a class="c-action-card  @modifiers('c-action-card')" @if(isset($actionCardTargetBlank) && $actionCardTargetBlank) target="_blank" @endif href="{{$actionCardLink}}">
    @if(!empty($actionCardImage))
        <picture class="c-action-card__picture">
            <img class="c-action-card__img"
                 src="{{$actionCardImage ?? '/img/placeholder-card.svg'}}"
                 alt="" width="264" height="200">
        </picture>
    @endif

    <div class="c-action-card__body @if(!empty($actionCardImage)) has-image @endif">
        @if(!empty($actionCardHeading))
            <h2 class="c-action-card__heading">{!! $actionCardHeading !!}</h2>
        @endif
        @if(!empty($actionCardIcon))
            <div class="c-action-card__icon">@includeIf('components.icons.big.'.$actionCardIcon)</div>
        @endif
        @if(!empty($actionCardTitle))
            <h3 class="c-action-card__title">{!! $actionCardTitle !!}</h3>
        @endif
        @if(!empty($actionCardSubtitle))
            <h3 class="c-action-card__subtitle">{!! $actionCardSubtitle !!}</h3>
        @endif
        @if(!empty($actionCardDescription))
            <div class="c-action-card__desc">
                {!! $actionCardDescription !!}
            </div>
        @endif
    </div>
    <div class="c-action-card__footer">
        @include('components.assets.actionCardFooter')
    </div>
</a>