<div class="c-recruitee-job-overlay  js-recruitee-job-overlay">
    <div class="c-recruitee-job-overlay__shader  js-close-recruitee-job-overlay"></div>
    <div class="c-recruitee-job-overlay__scroller  js-recruitee-job-overlay-scroller">
        <div class="c-recruitee-job-overlay__modal">
            <div class="c-recruitee-job-overlay__header">
                <div class="c-recruitee-job-overlay__navigation  js-recruitee-job-overlay-navigation">
                    <button class="c-recruitee-job-overlay__button  previous  js-recruitee-job-overlay-previous">@include('site.components.icons.arrow')</button>
                    <button class="c-recruitee-job-overlay__button  next  js-recruitee-job-overlay-next">@include('site.components.icons.arrow')</button>
                </div>
                <h2 class="c-recruitee-job-overlay__title  js-recruitee-job-title">{{-- Will be populated on click --}}</h2>
                <div class="c-recruitee-job-overlay__close-button  js-close-recruitee-job-overlay"></div>
                <div class="c-recruitee-job-overlay__swirl">
                    @include('site.components.shape.swirl')
                </div>
            </div>
            <h4 class="c-recruitee-job-overlay__subtitle">@lang('site/jobs.recruiteeJobOverlay.descriptionTitle')</h4>
            <div class="c-recruitee-job-overlay__description  s-text  js-recruitee-job-description">
                {{-- Will be populated on click --}}
            </div>

            <h4 class="c-recruitee-job-overlay__subtitle  c-recruitee-job-overlay__subtitle--colored">@lang('site/jobs.recruiteeJobOverlay.requirementsTitle')</h4>
            <div class="c-recruitee-job-overlay__requirements  s-text  js-recruitee-job-requirements">
                {{-- Will be populated on click --}}
            </div>

            <div class="c-recruitee-job-overlay__footer">
                @include('site.components.button', [
                    'buttonText' => __('site/jobs.recruiteeJobOverlay.close'),
                    'class' => 'js-close-recruitee-job-overlay',
                    'modifiers' => ['ghost'],
                ])

                <a class="c-button  c-button--icon  js-recruitee-job-link " href="#" target="_blank" rel="noopener noreferrer">
                    <span class="c-button__text">@lang('site/jobs.recruiteeJobOverlay.applyForPosition')</span>
                    <i class="c-button__icon">
                        @include('site.components.icons.arrow')
                    </i>
                </a>

            </div>
        </div>
    </div>
</div>