button not centered on mobile

Hello,

We have checked out your Page and the issue is not with the Button. The content in the Button is too long (which is fine for Desktop Devices), but is not appropriate for Mobile Devices. In this case, you will need to use 2 Buttons, One with the Normal Size and the Other with the Smaller Size or Smaller content and Display/Hide them based on Device Size using the Bootstrap Display Utility Classes: https://getbootstrap.com/docs/4.4/utilities/display/ . This would be more ideal.

Else you can simply use the following CSS Code:

@media (max-width: 767.98px) {
	.button {
		max-width: 100% !important;
		height: auto !important;
		white-space: normal !important;
	}
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.