CSS - 圆形边框看起来像两个重叠的按钮

Question

这是图片：

我的背景是白色的（你可以看到两个不同按钮的两个角之间的小间隙）。我在那张图片中有 4 个按钮，而不是 8 个重叠

按钮的背景都是黑色的，边框是白色的。按钮的高度为 40 像素。

我希望按钮具有圆形边缘/角，而不是黑盒子。该窗口在 Java 上运行。

这是CSS代码：

.button{

-fx-font-size: 12pt;

-fx-text-fill: #ffffff;

-fx-background-color: #000000;

-fx-border-radius: 20px;

-fx-border-color: #ffffff;

-border: 0px;

}