Html Css-手镯形曲线分割/按钮

需要为按钮/div使用css来实现这一点

有什么提示吗

谢谢

仅css：

按钮{边框：无；背景：透明；光标：指针；}
.它{
宽度：30雷姆；
高度：3雷姆；
边界半径：50%；
背景#db601b；
边框：2px实心#707f92；
位置：相对位置；
z指数：1；
}
.它，我{
z指数：3；
背景：#e9a076；
边框：2px实心#a78d84；
}
埃弗先生{
背景#db601b；
身高：5雷姆；
宽度：30雷姆；
左边框：2px实心#707f92；
右边框：2px实心#707f92；
保证金：-1.7雷姆0；
位置：相对位置；
z指数：2；
}

希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请带着您的代码回来，解释您尝试了什么以及为什么它不起作用。我的错，尽管我在寻求提示。下次，我肯定会把我的代码放在这里。谢谢你，伙计。