<div class="flex-1 overflow-hidden">
<div class="h-full overflow-auto bg-token-main-surface-primary">
<div class="flex flex-col text-sm pt-2 md:pb-9">
<div class="w-full text-token-text-primary" dir="auto" data-testid="conversation-turn-7" data-scroll-anchor="true">
<div class="text-base py-[18px] px-3 md:px-4 m-auto">
<div class="mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]">
<div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn">
<div class="flex-col gap-1 md:gap-3">
<div class="flex max-w-full flex-col flex-grow">
<div class="min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto" dir="auto" data-message-author-role="assistant" data-message-id="f9643ac5-193b-4282-bc99-143b1b8373c7">
<div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]">
<div class="markdown prose w-full break-words dark:prose-invert light">
Personalize your gift-giving with our hotel gift certificate template. With sections ready for your custom messages, recipient details, and special offers, this design blends elegance with practicality. Download now to create memorable and professional hotel gift certificates.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="md:pt-0 dark:border-white/20 md:border-transparent md:dark:border-transparent w-full">
<div class="relative flex w-full flex-1 flex-col items-center justify-center gap-2 pt-3 empty:hidden sm:flex-row">
<div class="flex flex-col items-center gap-4">
<div class="flex items-center justify-center"></div>
</div>
</div>
</div>
