I am trying to make the pyscript pybutton larger using css. I have the following css
.container {
height: 500px;
position: relative;
border: 3px solid green;
}
.left-center {
margin: 0;
position: absolute;
top: 50%;
left: 30%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.btn{
height: 100px;
width: 250px;
border: 3px solid red
}
and the following HTML:
<div class="container">
<py-button label="Click Me" class="btn left-center" type="submit">
def on_click(event):
clicked()
</py-button>
</div>
I can click on the entire red box.
How do I make it the entire button is the blue box
