Градиентный border с закругленными углами
.gradient-border:after {
content: «»;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 16px;
padding: 1px;
background: linear-gradient(121deg,rgb(255 255 255 / 35%),rgb(255 255 255 / 0%));
-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
}