Change the text direction to Rtl
Change the text direction - add dir="rtl" in the attributes component settings:

Add space between the email field and the button

Just copy and paste the following code in the advanced CSS component settings:

Change icon to point to the left and add spacing
Just copy and paste the following code in the advanced CSS component settings:


Add space between the email field and the button

Just copy and paste the following code in the advanced CSS component settings:
{{id}} .form__input {margin-left: 10px;}

Change icon to point to the left and add spacing
Just copy and paste the following code in the advanced CSS component settings:
.comps .button .icon{
margin-left: 0!important;
margin-right: 7px;
transform: rotate(180deg);
}

Updated on: 22/12/2023
Thank you!