css 搜索按钮样式复用

<div class="searc_inp">
                    <input type="text" placeholder="请输入要搜索的单位">
                    <button>搜索</button>
                </div>

.searc_inp {
                    flex: 1;
                    text-align: right;

                    input {
                        background-color: #fff;
                        line-height: 40px;
                        border: #d2d3d5 1px solid;
                        border-radius: 5px 0px 0px 5px;
                        width: 210px;
                        height: 40px;
                        text-indent: 8px;
                        margin-right: -10px;
                        vertical-align:middle;
                    }

                    button {
                        vertical-align:middle;
                        background: #fff;
                        line-height: 40px;
                        border: 1px solid #c0bebe;
                        border-left: none;
                        border-radius: 0px 5px 5px 0px;
                        width: 120px;
                        height: 40px;
                        font-weight: 500;
                        font-size: 17px;
                        text-indent: 8px;
                        background-color: #167ef4;
                        color: #fff;
                        cursor: pointer;
                        background-image: url(../img/seach.png);
                        background-repeat: no-repeat;
                        background-position: 20% 50%;
                    }
                }