Шаг первый
Создаём изображение любого размера. Для примера возьмём 100х100.
Шаг второй
Создадим прямоугольное выделение.
Шаг третий
Применяем "Выделение -> Закруглить прямоугольник" со значением 60%-95%. В моём случае более менее похоже вышло со значением 95%
Шаг четвёртый
Создаём новый слой, назовём его как "тень" и заливаем на нём наше выделение чёрным цветом.
Шаг пятый
Создаём новый слой и называем его как "тело".
Установите цвет переднего плана #373ea3, а заднего плана #94ddf6.
Теперь залейте градиентом сверху-вниз наше выделение на слое "тело".
Шаг шестой
Создаём новый слой и инструментом "Прямоугольное выделение" с зажатой кнопкой Ctrl убираем лишнее по примеру следующего изображения:
Применяем "Выделение -> Уменьшить" со значением 1px.
Устанавливаем белый цвет на передний план и градиентом "Основной в прозрачный" заливаем сверху-вниз наше выделение. Дадим прозрачность нашему слою 80%.
Шаг седьмой
Снимаем выделение и возвращаемся к слою "тень". Применяем фильтр "Гауссово размывание" со значениями в 3-5px, и опускаем слой на 1px вниз.
Наша кнопка готова.
Изменяя цвета в пятом шаге, можно добиться других результатов в том же стиле
