Html 如何制作css曲线和下面的按钮

如何制作如下图所示的css：

<div class="logo">
  <img src="assets/logo/1.jpg"/>
</div>
<div class="btn">
  <button>First</button>
  <button>First</button>
  <button>First</button>
  <button>First</button>
</div>

弗斯特
弗斯特
弗斯特
弗斯特

您可以使用生成的内容执行此操作

我为你树立了一个榜样

.container{
宽度：500px；
}
.标志{
位置：相对位置；
溢出：隐藏；
z指数：1；
}
.标志：之后{
内容：“；
宽度：300%；
高度：500px；
背景颜色：灰色；
位置：绝对位置；
底部-96%；
左-100%；
z指数：2；
边界半径：50%；
}
.btn{
背景颜色：灰色；
填充：20px；
}

弗斯特
弗斯特
弗斯特
弗斯特

Stackoverflow不是让别人替你做的。试着自己动手并分享你的代码。你到底想做什么？按钮在中间的曲线？你试过什么吗？我没有看到任何css。请使用svg实现圆形效果