I'm trying to make my application responsive.
For that, the first thing I did was placing my buttons and logo by using percentages instead of pixels.

The problem is that when I resize my window to a smaller one, the buttons and logo are moving but they are also cropped on the side like this:

*Here is what the button looks like before resizing:*

[![enter image description here](https://i.stack.imgur.com/dezI1.png)](https://i.stack.imgur.com/dezI1.png)

*And here is what it looks like after resizing to a smaller one:*

[![enter image description here](https://i.stack.imgur.com/jORnR.png)](https://i.stack.imgur.com/jORnR.png)

How can I make it move but still appear in its entirety ?

Here is my CSS for this button:

```
#next-step{
    position: absolute;
    top: 90%;
    left:88%
}

```