圆角边框按钮渐变文字与渐变边框

 <button class="btn-yellow">
     <span class="btn-text"> 一键重启</span>
 </button>

scss样式

 //button按钮样式
           .btn-yellow{
               border: solid 2px transparent;
               border-radius: 10px;
               color:#FF9631;
               background-image: linear-gradient(#303030, #303030),
               linear-gradient(to top, #FFE153, #FF9631);
               background-origin: border-box;
               background-clip: content-box, border-box;
               .btn-text{
                   padding: 0 10px;
                   background:linear-gradient(to top, #FFE153, #FF9631);
                   -webkit-background-clip: text; 
                   color: transparent;
               }
           }
           

效果图