Divi 5 - Dynamic links added to a button may lead to improper translation

Overview of the issue

When translating a page created by Divi 5 and having a button with a dynamic link, you might encounter issues and it may break your page layout.

Workaround

At present you have two options:
– Convert the links to not dynamic links and they should work
Or
– Bypass their translation and use this wpml-config that you can place in WPML > Settings > Custom XML configuration:

<wpml-config>
  <gutenberg-blocks>
    <gutenberg-block type="divi/button" translate="1">
            <key name="button">
                <key name="innerContent">
                    <key name="*">
                        <key name="value">
                            <key name="text" />
                        </key>
                    </key>
                    <key name="tablet">
                        <key name="value">
                            <key name="text" />
                        </key>
                    </key>
                    <key name="phone">
                        <key name="value">
                            <key name="text" />
                        </key>
                    </key>
                </key>
            </key>
    </gutenberg-block>
  </gutenberg-blocks>
</wpml-config>