@props([
    'submitHref' => null,
    'pricingHref' => null,
])

@php
    $submitHref ??= route('veroeffentlichen');
    $pricingHref ??= route('preise');
@endphp

<section class="bg-topbar-grad text-ink-on-dark p-6">
    <div class="eyebrow on-dark mb-2">{{ __('web.publisher_cta.eyebrow') }}</div>
    <h3 class="font-serif text-[20px] font-semibold m-0 mb-2 tracking-[-0.2px] leading-[1.2] text-white">
        {{ __('web.publisher_cta.title') }}
    </h3>
    <p class="text-[12.5px] leading-[1.5] m-0 mb-4 text-white/85">
        {{ __('web.publisher_cta.subline') }}
    </p>

    <a href="{{ $submitHref }}"
        class="w-full inline-flex items-center justify-center gap-2 px-[18px] py-2.5 text-[13px] font-semibold bg-brand text-white rounded-[2px] cursor-pointer hover:bg-brand-deep transition-colors">
        {{ __('web.publisher_cta.submit') }} →
    </a>

    <a href="{{ $pricingHref }}"
        class="flex items-center justify-center gap-1.5 w-full mt-3 py-2 text-[12px] font-medium text-white/80 cursor-pointer hover:text-white underline underline-offset-[3px] decoration-white/30 hover:decoration-white/70 transition-colors">
        {{ __('web.publisher_cta.pricing') }}
        <svg width="10" height="10" viewBox="0 0 12 12" fill="none" aria-hidden="true">
            <path d="M2 6h8M6 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
        </svg>
    </a>
</section>