Html 如何在CSS div框外创建渐变形状

如何创建此类CSS div框[！[在此处输入图像说明][1][1]

---

[1] ：

以下是我的想法：

梯度除法
外分区
{
宽度：200px；
边框：2px实心#00df82；
边界半径：5px；
字体大小：粗体；
左侧填充：15px；
字体系列：无衬线；
}
内分区
{
位置：绝对位置；
z指数：1；
左：155px；
顶部：8px；
宽度：70px；
高度：54px；
边界半径：25px 5px 25px；
背景图像：线性梯度（#00df82，#34ef52）；
}
#帕拉
{
文本对齐：居中；
字体系列：无衬线；
颜色：白色；
}
满满的

第95段

请包括您迄今为止尝试过的内容。