Contact form 7

Hello!
In the Contact form, I want to make 2 inputs in one line with a button, but those fields are in a separate line. CSS code feels like is working wrong!

My Code from CF7:

<div class="one-half">
<label> Teie Nimi [text* your-name] </label>
</div>
 
<div class="one-half last">
<label> E-post
    [email* your-email] </label>
</div>
 
[submit "Saada"]

CSS code:

/===Contact Phone===/
.one-half,
.one-third,
.two-third,
.one-fourth {
    position: relative;
    margin-right: 4%;
    float: left;
    margin-bottom: 10px;
}
.two-third {
  margin-right: 2.5%;
}
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-third { width: 66%; }
.one-fourth {width: 22%;}
.last {
    margin-right: 0 !important;
    clear: right;
}
@media only screen and (max-width: 1024px) {
.one-fourth {
        width: 100%;
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .one-half, .one-third, .two-third {
        width: 100%;
        margin-right: 0;
    }
}
.wpcf-wrap {
    min-height: 90px;
}
div.wpcf7-response-output {
    width: 100%;
    clear: both;
    margin: 0;
}
.wpcf-accept {
  clear: both;
}
.wpcf7-acceptance > .wpcf7-list-item {
  margin: 0;
}
.wpcf-accept > .wpcf7-form-control-wrap {
    display: inline-block !important;
}

This is how I want to look like: https://ibb.co/0nsywR1
Right now: https://ibb.co/jf5CSG2

Best regards,
Alex