Show Child overflow of Parent with overflow hidden without changing HTML

I have a background that I need to keep the overflow hidden on a modal although I have buttons on the left and right of the modal that overflow and are cut off due to the parent's overflow being set to hidden.

I have attempted changing the positions and have found the only solution to be using position: fixed; which doesn't work as the position of the button is then no longer relative to the modal.

Searching previous solutions I come across make mention of changes that can be made to the HTML of the elements to work around the issue although this is not possible for me and it is only possible for me to edit the CSS style.

I have also attempted using hidden overflow only on a single axis x/y although this results in a scroll bar and doesn't resolve the issue of the button overflow being hidden.

I have a codepen as an example showing the button on the left side is partially cut off.

https://codepen.io/SebFigg/pen/pozyNJd

is it possible to achieve this?