CSS configurations for Responsive Sidebar?

Hi, great plugin! Thanks for creating this. ??

A few queries on the use of CSS to modify the outlook of the sidebar sliding panel.

Please see screenshot: https://share.getcloudapp.com/E0uzZDyx

#1: How do you move the toggle button up so it clears the bar at the bottom of the screen?

#2: How do you create some space buffer between the content in the sidebar slide panel and the edge of it? Currently, the sidebar content stretches from the left edge to the right edge.

#3: The bottom end of the sidebar slide panel is behind the bottom bar. In the screenshot, I have scrolled the sidebar all the way down. Do you have a way to configure the sidebar slide panel to be above the bottom bar?

The theme used here is Storefront from Woocommerce. https://woocommerce.com/storefront/

I suspect these may require quite a bit of work and may not be as simple as a CSS modification. But I thought about asking anyways in case this turns out to be rather simple to modify with CSS. I am not an expert in CSS or a developer, so I hope I am asking this right. ??

Thanks in advance!