Округлые границы, которые похожи на прикрепленное изображение ⇐ Html

[Anonymous]

Я понятия не имею, как создать эти 3D -границы. Границы имеют зеленый градиент, вступающий в прозрачный. Используется зеленый #2CA05A. Граница-радий составляет 30px.

Это то, что у меня есть:
.new-feature-card {
box-sizing: border-box;
position: relative;
width: 345px;
height: 207px;
background: linear-gradient(
45deg,
rgba(0, 0, 0, 0.1) 0%,
rgba(44, 160, 90, 0.1) 50%,
rgba(0, 0, 0, 0.1) 100%
);
backdrop-filter: blur(8px);
border-radius: 30px;
border-style: inset;
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... e-attached