<section class="container">
<form action="">
<input type="text" maxlength="25"/>
</form>
<br>
<a href="#" class="btn1">Search</a>
</section>
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
*{
font-size:18px;
box-sizing:border-box;
}
.container{
width:100vw;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
.btn1{
background:#DD356E;
color:#fff;
text-decoration:none;
font-family: 'PT Sans', sans-serif;
font-size:1.5rem;
padding:8px;
border-radius:8px;
}
.btn1:hover{
background:#B80257;
transition:0.6s ease-in;
}
input{
border:2px solid #DD356E;
border-radius:8px;
outline:none;
padding:10px;
}
// If you like what i'm creating hit follow button and make me happy :)
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.