Как добавить радиус границы в div с градиентной границей и градиентным цветом фона ⇐ CSS

[Anonymous]

Я пытаюсь добавить border-radius в контейнер, у которого есть градиентная граница и градиентный цвет фона. Но граница-радиус не применяется. Я пробовал несколько методов.
Изначально это:

Код: Выделить всё

hi

Но здесь не закругленные углы, а квадратные края.
Тогда я попробовал это:

Код: Выделить всё

hi

У него закругленные углы, но прозрачная рамка.
Я тоже пробовал это:

Код: Выделить всё

    relative p-[2px] rounded-[5px]
bg-[linear-gradient(90deg,#B454D3,#FE7F36,#FED42F,#26C9C9,#2972DA)]
">

hi

Углы закруглены, но непрозрачность цвета фона градиента не соответствует оригиналу. Кроме того, ширина границы не одинакова для всех сторон.
Как создать правильный контейнер с закругленными краями, имеющими градиентную рамку и цвет фона?

Любые предложения очень приветствуются. Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/798 ... background