html - 在文本上方显示一个块，但在背景下？

Question

如何在背景下方显示 div，但背景上方的文本将采用与 div 相同的颜色？

这段代码是我所拥有的，但粉红色的 div 需要位于背景下方，但仍显示在文本之上。

我正在考虑使用

overflow: hidden

但由于我有多个按钮，我不知道如何应用它。