@props(['cta' => null])
@if(!empty($cta))
<section class="cms-cta" aria-label="{{ $cta['title'] ?? 'Call to action' }}">
  <div class="home-shell">
    <div class="cms-cta-inner cms-reveal">
      @if(!empty($cta['eyebrow']))
        <p class="home-eyebrow">{{ $cta['eyebrow'] }}</p>
      @endif
      <h2 class="home-section-title" style="margin-inline:auto; margin-top:.65rem;">{{ $cta['title'] }}</h2>
      @if(!empty($cta['body']))
        <p class="cms-cta-body">{{ $cta['body'] }}</p>
      @endif
      @if(!empty($cta['primary']) || !empty($cta['secondary']))
        <div class="cms-cta-actions">
          @if(!empty($cta['primary']))
            <a href="{{ $cta['primary']['url'] }}" class="home-btn home-btn-gold">{{ $cta['primary']['label'] }}</a>
          @endif
          @if(!empty($cta['secondary']))
            <a href="{{ $cta['secondary']['url'] }}" class="home-btn home-btn-outline">{{ $cta['secondary']['label'] }}</a>
          @endif
        </div>
      @endif
    </div>
  </div>
</section>
@endif