<div
  class="newsletter-section"
  style="background-image:url('../../../../../static/images/background-images/bg-newsletter.webp')"
>
  <div class="container--medium pt-32 pb-24">
    <h2 class="head-14xl">
      {{ first_line }}<br>
      {{ second_line }}
    </h2>
    <p class="xl:mt-[-1rem]">
      Fake news tam nenajdeš, ale dozvíš se, co chystáme doopravdy!
    </p>

    <div class="flex flex-col gap-2 mt-12 items-start">
      {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Tvůj email' classes='mb-3 w-full md:w-96' %}
      {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Souhlasím se zpracováním osobních údajů' classes='mb-3' %}
      {% include 'patterns/atoms/buttons/round_button.html' with button_text='Odebírat' %}
    </div>
  </div>
</div>
