<div class="reserve-block__order">
<div class="reserve-block__item">
<label for="phone">Phone Number</label>
<input type="text" id="phone">
</div>
<div class="reserve-block__item">
<label for="table">Table For </label>
<input type="number" id="table" min="1" max="40">
</div>
</div>.reserve-block__order {
margin-top: 30px;
display: flex;
position: relative;
&::after {
content: "Person";
font-family: "SerebriRegular";
color: rgba(#0d0d0d, 0.5);
display: block;
position: absolute;
top: 54%;
left: 297px;
}
.reserve-block__item {
label {
font-family: "SerebriRegular";
font-size: 16px;
margin-bottom: 2px;
}
input {
border: none;
width: 206px;
padding: 0 10px;
height: 45px;
&:focus {
outline: none;
border: 1px solid #75beff;
}
}
}
}