Верстка формы со стилизацией ошибок

Подскажите пожалуйста как сверстать форму на картинке. введите сюда описание изображения

.form__row{
	padding-top: 30px;
}
.field__title{
	font-family: Brutal Type;
font-style: normal;
font-weight: 800;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #B8B8B8;
}
.input__box{
	width: 400px;
	height: 55px;
	border-bottom: 1px solid #DEDEDE;
	display: flex;
	align-items: center;
	position: relative;
}
input.form__input{
	border:none;
	width: 334px;
	height: 55px;
	background: transparent;
}
input{
	padding: 0;
}
input, ::placeholder{
	font-family: Brutal Type;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 55px;
color: #262626;
vertical-align: middle;
}
.inputico{
	padding: 0 20px;
}
input:focus{
	border:none;
	outline-offset: 0;
    outline: none;
}
.user, .phone{
	fill: #D9D9D9;
}
    <form action="/">
      <div class="form__row">
        <div class="field__title">
          <span>Wie heißen Sie?</span>
        </div>
        <div class="field__input">
          <div class="input__box">
            <div class="inputico">
              <svg width="26" height="26" viewBox="0 0 26 26" class="user" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 0C5.9527 0 0 5.9527 0 13C0 20.0473 5.9527 26 13 26C20.0473 26 26 20.0473 26 13C26 5.9527 20.0473 0 13 0ZM13 6.5C15.2451 6.5 16.9 8.1536 16.9 10.4C16.9 12.6464 15.2451 14.3 13 14.3C10.7562 14.3 9.1 12.6464 9.1 10.4C9.1 8.1536 10.7562 6.5 13 6.5ZM6.3622 19.2036C7.5283 17.4876 9.4731 16.3436 11.7 16.3436H14.3C16.5282 16.3436 18.4717 17.4876 19.6378 19.2036C17.9764 20.982 15.6195 22.1 13 22.1C10.3805 22.1 8.0236 20.982 6.3622 19.2036Z"/>
</svg>

            </div>
            <div class="input__input">
              <input type="text" name="name" class="form__input" placeholder="Michail Alexandrowitsch" required="">
            </div>
          </div>
        </div>
      </div>
            <div class="form__row">
        <div class="field__title">
          <span>Deine Telefonnummer?</span>
        </div>
        <div class="field__input">
          <div class="input__box">
            <div class="inputico">
<svg width="26" height="26" viewBox="0 0 26 26" class="phone" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.2635 12.3144H26.0003C26.0003 5.29441 20.7005 0 13.6709 0V2.73684C19.2294 2.73684 23.2635 6.76409 23.2635 12.3144Z" />
<path d="M13.6846 8.21058C16.5623 8.21058 17.7898 9.43805 17.7898 12.3158H20.5266C20.5266 7.90269 18.0977 5.47374 13.6846 5.47374V8.21058ZM18.3673 15.6589C18.1043 15.4199 17.7588 15.2924 17.4037 15.3034C17.0485 15.3144 16.7115 15.4629 16.4638 15.7177L13.1892 19.0854C12.401 18.9349 10.8164 18.4409 9.1852 16.8138C7.55405 15.1813 7.06005 13.5926 6.91363 12.8098L10.2786 9.53384C10.5337 9.28633 10.6824 8.94928 10.6934 8.59402C10.7044 8.23876 10.5767 7.89316 10.3374 7.63037L5.28111 2.07049C5.04169 1.80687 4.70894 1.64697 4.35353 1.62474C3.99812 1.60251 3.64804 1.71971 3.37764 1.95144L0.408175 4.49806C0.17159 4.7355 0.0303809 5.05152 0.0113332 5.38617C-0.00919308 5.72827 -0.40056 13.832 5.88321 20.1185C11.3651 25.5991 18.2318 26 20.123 26C20.3994 26 20.5691 25.9918 20.6142 25.9891C20.9488 25.9703 21.2647 25.8285 21.501 25.5908L24.0462 22.62C24.2781 22.3498 24.3955 21.9998 24.3736 21.6444C24.3516 21.289 24.192 20.9561 23.9285 20.7165L18.3673 15.6589Z" />
</svg>

            </div>
            <div class="input__input">
              <input type="text" name="name" class="form__input" placeholder="8 (920) 342-22-00" required="">
            </div>
          </div>
        </div>
      </div>
      <div class="form__row">
                   <div class="main__butoon--wrap1">
             <button type="submit" href="#" class="green__button btn">Anfrage senden</button>
           </div>
      </div>
    </form>


Ответы (0 шт):