仅Safari浏览器出现元素位置错误，寻求技术解决方案

我准备了一个HTML页面用于复现问题：

• 在Edge、Firefox、Chrome、Opera等浏览器中，加入购物车（aggiungi al carrello）和查看详情（mostra i dettagli）按钮均按预期正常显示（对应预期位置截图）。
• 但在Safari浏览器中，这两个按钮的位置显示异常（对应错误位置截图）。

恳请各位帮忙解决这个Safari适配问题，谢谢！

此致
Renato

内容的提问来源于stack exchange，提问作者guardiano