JSFiddle - React, Tailwind, and code Playground

by Kai_Draord

HTML

<div className={css.email_container} class="email_container"> 
<input type="email" placeholder="Type your email here" ref="email" value={email} onChange={this.handleChange} /> <button  className={css.sign_up} class="sign_up">
<img src="footer.png" alt="Sign up" onClick={this._onSubmit} />  
</button>
</div>

CSS

.email_container input {
    position: absolute;
    border: none;
    color: #dad8d3;
    width: 273px;
    height: 38px;
    opacity: 0.32;
    border-radius: 19px;
  }
  .email_container .sign_up {
    width: 37.2px;
    height: 37.2px;
    border-radius: 50%;
    line-height: 0;
    cursor: pointer;
    margin-left: 235px;position:relative; z-index:1;
  }