Как сделать вот такую кнопку с email формой?

Question

[np_1_1]

Привет!Скажите,пожалуйста,как можно сделать данную форму?

Answer 1

[Руслан Галиев]

https://codepen.io/ruslanredo/pen/yozdqd

<input type="text" placeholder="Email Address"><button>Notify</button>

input{
  height:40px;
  line-height:40px;
  font-size:16px;
  padding-left:16px;
  border-radius:10px 0 0 10px;
  border: 1px solid lightgrey;
}

button{
  vertical-align:top;
  background-color:lightgreen;
  color:white;
  height:44px;
  line-height:44px;
  font-size:18px;
  padding: 0 24px;
  font-weight:bold;
  border-radius:0 10px 10px 0;
  border:none;
}

Comments

[Exploding]

И ещё я бы добавил: outline: none; и -webkit-tap-highlight-color: transparent;

[Андрей]

В сафари они не соприкасаются.

[Руслан Галиев]

Андрей: обнулим margin и все будет ок