Как применить цвет градиента CSS к фону компонента, аналогичный показанному на прикрепленном снимке экрана ⇐ CSS

[Anonymous]

Как мы можем применить CSS-градиент на одной стороне фона, используя псевдо- CSS-селекторы, как показано на снимке экрана ниже.
введите описание изображения здесь
Я пробовал использовать линейный CSS градиента, но он не такой, как в дизайне Figma
background: линейный градиент(вверху справа, #0f65a5 80%, #0f65a5 50%, #0f65a5 50%, rgba(255, 255, 255, .5) 100%);
Пожалуйста, помогите... мне просто нужен эффект CSS-градиента
Как мы можем применить градиент CSS на одной стороне фона, используя псевдо-селекторы CSS, как показано на снимке экрана ниже.
введите описание изображения здесь
I пытался с использованием CSS с линейным градиентом, но это не то же самое, что в дизайне Figma
background: линейный градиент (вверху справа, #0f65a5 80%, #0f65a5 50%, # 0f65a5 50%, rgba(255, 255, 255, .5) 100%;

Подробнее здесь: https://stackoverflow.com/questions/792 ... the-one-in