If you require custom sizing for the button on your website, the Express Button supports responsive designs and sizing within our defined ranges.
To resize the button you will need to add a class to the klarna-express-button element. You can then target this class in a custom css definition with the desired width and height.
Much like any other element on your page, the Express Button can be resized depending on different viewports via media queries.
For example, if you want your button to use the full screen width on a screen up to 500px and otherwise have your button be 35px tall and 190px wide, you can achieve that like so:
If you have multiple buttons on your page and need them to be sized differently, we recommend adding a different css class to each button that requires a custom size.
And then implement your styles like so: