グラデーションの線の角を丸くしたい

実現したいこと

• グラデーションの線の角を丸くしたい

前提

あるテキストの前に疑似要素::beforeで線をグラデーションをつけて実装しました。ソースコードは問題と関係のないコードは省いています。

発生している問題・エラーメッセージ

border-radius: 2px;が効かず、線の角が丸くなってくれません。

該当のソースコード

css

1.text::before {2 content: "";3 border: 1.5px solid;4 border-image: linear-gradient(90deg, rgba(7,138,98,1) 0%, rgba(0,212,255,1) 100%) 1;5 border-radius: 2px;6}

試したこと

ソースコードの通りです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。