CSS を使用して同じ親タグの左側と右側に 2 つのボタンを配置する方法

<view class="grace-footer" style="width:100%;" slot="gFooter">
 <view style="float:right;width:50%">
    <button type="primary" style="line-height: 85rpx; margin: 25rpx; " @click="saveService(scanKay,tableList)">送信</button> 
 </ビュー>
 <view style="float:left;width:50%">
  <button type="warn" style="line-height: 85rpx; margin: 25rpx;" @click="removeService()">リセット</button>
 </ビュー>
   
</ビュー>

.grace-footer{
     位置:固定; 
     zインデックス:2; 左:0; 
     下:0; 
     背景:#FFFFFF; 
     幅:750rpx; 
     オーバーフロー:非表示; 
     ボックスの影:1px 1px 6px #888;
}