el-button实现边框背景渐变样式圆角样式不生效

Question

这种el-button的渐变效果怎么做，下面是我写css样式，发现可以实现边框渐变样式但实现不了按钮圆角
ui设计样图:

我实现的图：

代码：

<el-button class="button">导出</el-button>

.button{
    width: 70px;
    height: 32px;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid;
    background: linear-gradient(0deg, rgba(6,72,149,0.50) 0%, rgba(28,125,207,0.50) 100%);
    border-image: linear-gradient(180deg, #4DAAFA 0%, #074B98 100%) 1;
    border-radius: 4px;
}

Answer 1

如图 , 如有帮助给个采纳谢谢 :

代码