Проблема с радиусом границы на мобильном устройстве
У меня есть статья с кнопкой поделиться, которая при нажатии на нее. Он будет появляться и исчезать, проблема в том, что когда опция совместного использования исчезает, края в нижней части остаются четкими при просмотре на мобильном устройстве, хотя проблема не проявляется при предварительном просмотре на мобильных устройствах через Chrome DOM. У меня есть Border-radius и Overflow Hidden, но этого, похоже, недостаточно. У меня iPhone X, и я использую браузер Google Chrome, хотя пробовал другие, но все равно столкнулся с той же проблемой. любой способ исправить это? Ниже я разместил ссылку на исходный код и фотографию проблемы.
[Исходный код проблемы][2] [Мобильный дисплей][1]
[2]: https://codepen.io/RudyRomero/pen/bGpqNdj
[1]: https://stackru.com/images/b03a20f6ae30769ad24334edf24fcf6efe2c9ea5.jpg