fix: Uneven space around BEGIN button

[Ayush4958]

Solution

Increases the margin from the bottom of the component which manages the uneven space around it

Checks

Also checked in the responsive manner.

Preview

---

This change is 

[robertodauria]

Thanks for working on this! The spacing issue is real, but I think the fix should address the root cause rather than work around it with a margin.

I think the actual problem is that the "Please agree to the data policy" message is laid out side-by-side with the BEGIN button (via the .row/.col-6 grid). That looks awkward - the message floats to the right of the button with mismatched vertical alignment.

A better fix would be to remove the .row/.col-6 wrapper around the button and privacy message entirely, and just stack them vertically. That would naturally fix the spacing without needing a magic 34px margin.

[Ayush4958]

Yes you are right ,
I will go with the vertical alignment for the
"Please agree data policy" msg

[Ayush4958]

I had done the alignment fix without removing the wrapper ,
just modify it's flex-direction to column