Callout

<section class="bg-[url('/assets/images/backgrounds/callout.png')] bg-cover bg-center p-5 py-20 lg:py-36 xl:py-48 flex flex-col items-center justify-center w-full relative before:content-[''] before:absolute before:inset-0 before:bg-zinc-950/80 before:z-0">
  <h3 class="text-white text-2xl text-center font-semibold leading-tight relative z-10">Join the Pitchbooking Community</h3>
  <div class="flex flex-wrap mt-2 relative z-10">
    <button class="button button--primary rounded-full m-2 w-full md:w-auto">Primary Button</button>
    <button class="button button--secondary rounded-full m-2 w-full md:w-auto">Secondary Button</button>
  </div>
</section>