JSFiddle - React, Tailwind, and code Playground

HTML

<div class="agent_select_wrap">
    <select name="menu-114" class="wpcf7-form-control wpcf7-select" aria-invalid="false">
        <option value="Select Category" selected="selected">Select Agent Name</option>
        <option value="Option 1">Mr. abc</option>
        <option value="Option 2">Mr. bca</option>
        <option value="Option 3">Mr. cab</option>
    </select>
</div>
<div class="agent_select_wrap">
    <textarea></textarea>
    <button>Send</button>
</div>

CSS

.agent_select_wrap {
    width: 40%;
    margin: 30px auto 50px auto;
}
.agent_select_wrap select {
    font-weight:100;
    font-family:'Open Sans', sans-serif;
    font-size: 13px;
    color: #494949;
    background: #fff url('../images/selectbox-arrow02.png') right center no-repeat;
    outline: 0;
    margin-bottom: 0px;
    margin: auto;
    width: 100%;
    height: 40px;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.agent_select_wrap select option {
    background: #fff;
    color: #000;
}
.agent_select_wrap textarea {
    font-weight:100;
    font-family:'Open Sans', sans-serif;
    font-size: 13px;
    color: #494949;
    width:97.4%;
    display:block;
    height: 100px;
    border: 1px solid #efefef;
    padding: 6px 0 0 6px;
    margin: 0;
    border-radius: 0px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.agent_select_wrap button {
    display: block;
    margin: 16px auto 0 auto;
    padding: 7px 30px;
    background: #494949;
    color: #fff;
    font-weight: 100;
    font-family:'Open Sans', sans-serif;
    font-size: 18px;
    border: 0;
}