如何将渐变颜色应用于按钮的边框？

Question

我正在尝试将线性渐变颜色应用于按钮的边框，但无法使其工作。

这是我尝试在边框上应用的颜色：

linear-gradient(136.85deg, #009194 16.87%, #484770 82.61%);

这是我的 CSS 代码

.button {
  padding: 0.6em 1.8em;
  border-radius: 39px;
  background: linear-gradient(136.85deg, #009194 16.87%, #484770 82.61%);
  background-color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-image-source: linear-gradient(
    136.85deg,
    #009194 16.87%,
    #484770 82.61%
  );
  border-image: linear-gradient(136.85deg, #009194 16.87%, #484770 82.61%);
}

欢迎任何评论