Как сделать такую же форму отправки?

input:focus, 
input { 
  outline: none; 
  border: none; 
  border-bottom: 1px solid gray; 
}

<input type="text" placeholder="текст" />

body { 
  font-family: "Helvetica Neue", Arial, sans-serif; 
} 
 
.form { 
  padding: 0 20%; 
} 
 
.form h3 { 
  text-align: center; 
  margin-bottom: 20px; 
} 
 
.form h3 .red { 
  color: #FA6A4C; 
} 
 
 
/* Стилизуем наш input */ 
 
.form input { 
  width: 100%; 
  margin-bottom: 20px; 
  padding: 5px 0; 
  border: none; 
  border-bottom: 1px solid #ccc; 
  outline: none; 
} 
 
 
/* А Тут можно настроить стили placeholder'а */ 
 
.form input::placeholder { 
  text-transform: capitalize; 
}

<form class="form"> 
  <h3><span class="red">Send</span> A Message</h3> 
  <label for="name"></label> 
  <input type="text" placeholder="Your name" id="name"> 
  <label for="surname"></label> 
  <input type="email" placeholder="Your email" id="surname"> 
</form>

input { 
  padding: 10px 0; 
  border: none; 
  border-bottom: 1px solid grey; 
} 
 
input:focus { 
  outline: none; 
  border-bottom: 2px solid #1867c0; 
} 
 
body { 
  margin: 50px; 
}

<input type="text" placeholder="Your Name">