How can I use CSS to make a button element appear bigger on smaller screens? The current size is ideal for desktop screens but appears too small on mobile devices.
<html>
<header>
<link rel="stylesheet" type="text/css" href="./style.css"/>
</header>
<div class= "buttonbox">
<form action="https://www.faster.rent">
<button class="button1" type="submit">click Here!</button>
</form>
</div>
</html>
.button1 {
background-color: #ffffff;
border: 2px solid #e5ff00;
color: rgb(0, 0, 0);
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 8px;
position: relative;
cursor: pointer;
width: 142px;
}