Как создать кнопку с эффектом внутренней и внешней тени? ⇐ Html

[Anonymous]

Я пытался создать кнопку с эффектом CSS так же, как показано ниже. Я предоставляю изображение (игнорируйте значки). Но попробуйте, но не получите таких же результатов, есть ли способ создать идеальную кнопку с эффектом CSS?
[![введите описание изображения здесь][1]][1]
вот мой код кнопки ниже
моей HTML-кнопки

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

.my-bt{
display:block;
position:relative;
background: linear-gradient(310deg, #dcb7e0, #dbdaef);
padding:10px;
text-align:center;
border-radius:10px;
}

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

Hello World

Пожалуйста, помогите мне создать 101% ту же самую кнопку
[1]: https://i.sstatic.net/omwyj.jpg

Подробнее здесь: https://stackoverflow.com/questions/677 ... ect-button