I have this code that allows me to add buttons within the Footer (or header) of a Section

Section(footer:
            HStack {
    Text("By clicking \"Sign Up\", you agree to our")
    CustomButton(mode: .text, label: "Terms of Service") { termsOfService() }
    Text("and")
    CustomButton(mode: .text, label: "Privacy Policy") { privacyPolicy() }
    Text(".")
    }
) {
    CustomButton(mode: .basic,  label: "Sign Up") {
        signUpPressed()
    }
}

On a larger device or landscape orientation, the footer looks fine.

However, once I go portrait, I get multiple lines for each view within the HStack.

Is there a better way to achieve what I need here than an HStack?

thank you, Jayson

Interesting. Thanks for this.

This works well. Thanks again @roosterboy

adding the tint modifier

                .tint(Color.red)

will change the link colors.