<div class="p-[30px] max-[768px]:p-[20px] text-center">
    <div class="w-[64px] h-[64px] bg-[#10b981] rounded-full mx-auto mb-[24px] flex items-center justify-center">
        <svg class="w-[32px] h-[32px] text-[#ffffff]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
        </svg>
    </div>

    <h3 class="text-[24px] max-[768px]:text-[20px] font-bold text-[#1f2937] mb-[16px]">
        Спасибо!
    </h3>

    <p class="text-[16px] max-[768px]:text-[14px] text-[#6b7280] leading-[150%] mb-[24px]">
        Ваше сообщение успешно отправлено.<br>
        Мы свяжемся с вами в ближайшее время.
    </p>

    <button data-modal-close class="bg-[#3b82f6] hover:bg-[#2563eb] text-[#ffffff] font-semibold py-[12px] px-[24px] rounded-[8px] transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-[#3b82f6] focus:ring-offset-2">
        Закрыть
    </button>
</div>