<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 :)

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.