JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<form class="subscribe-form">
  <input class="form-email" type="email" name="email">
  <button class="section-button subcribe-btn" type="submit">
    <img src="img/footer/icon.png" alt="image" class="button-img">
  </button>
</form>

CSS

.subscribe-form {
  display: flex;
  justify-content: end;
  width: 100%;
  height: 90px;
  margin-top: 46px;
  border: none;
}

input[type="email"] {
  background: #fcc302;
  color: #ffffff;
  flex: 1 0 0;
  padding: 17px 25px 17px 36px;
  font-size: 25px;
  font-weight: 300;
}

.section-button {
  background-color: #00bec9;
  padding: 27px 37px 27px 39px;
  height: 90px;
  border: none;
  cursor: pointer;
}