@if($step != 1)
    <div class="fixed right-5 bottom-2 md:right-8 md:bottom-4 lg:bottom-4 xl:bottom-4 z-50 flex flex-row items-center">
        <div class="hidden xl:block text-sm xl:text-base text-blue-500 font-medium !leading-[115%] px-3 w-[200px] md:w-[320px] xxl:w-[600px]">
            The registration form is automatically saved after every completed step!
        </div>
    @else
    <div class="fixed right-5 bottom-2 md:right-8 md:bottom-2 xl:bottom-4 z-50 flex flex-row items-center max-w-[80vw] md:max-w-[400px] xl:max-w-none">
        <div class="hidden ssm:block text-sm xl:text-base text-blue-500 font-medium !leading-[115%] px-3">
            The registration form is automatically saved after every completed step!
        </div>
    @endif


    
    <div class="-mx-2 flex flex-row flex-wrap mb-0">
        @if($step != 1)
        <div class="p-2">
            <a href="#" class="w-[100px] md:w-[150px] block text-center border border-blue-500 rounded-md min-h-[40px] h-auto py-2 p-2.5 hover:text-white hover:bg-blue-500 text-base leading-tight bg-white hover:border-blue-400 text-blue-500 transition ease-in-out duration-200" wire:click="$emitUp('returnPrevStep')">Previous</a>
        </div>
        @endif
        <div class="p-2">
            <button type="submit" class="w-[100px] md:w-[150px] block text-center border border-blue-500 rounded-md min-h-[40px] h-auto py-2 p-2.5 text-white bg-blue-500 text-base leading-tight hover:bg-blue-400 hover:border-blue-400 transition ease-in-out duration-200">Next</button>
        </div>
    </div>

    <x-loading-animation  wiretarget="submit"/>

</div>