<div class="relative max-w-md border-[1px] border-forest">
    <div class="inline-flex items-center justify-center px-4 py-3.5 bg-forest w-full">
        <p class="flex-1 h-full text-xl font-medium leading-7 text-center text-white">Join the mailing list</p>
    </div>
    <form class="relative border border-forest flex flex-row py-4 px-4">
        <input class="border-b text-base leading-tight border-forest text-gray-400 mr-4" type="text"
            placeholder="Email address">
        <input
            class="text-xl border-b border-forest leading-7 text-forest cursor-pointer focus:outline-1 focus:outline focus:outline-offset-2"
            type="submit" value="Subscribe">
    </form>
</div>