如何使用css

Question

我想在JavaFX中创建具有以下样式的按钮：

我尝试使用线性渐变，但无法同时添加水平和垂直渐变。

请帮助为上述按钮样式创建CSS吗？

根据评论，我包括css，到目前为止我做过：

.button-sales {
    -fx-border-width: 4px;
    -fx-border-color: white rgb(7,2,226) rgb(7,2,226) white;
    -fx-background-radius: 0,0,0,0;
    -fx-background-color: rgb(0,0,254);
    -fx-font-weight: bold;
    -fx-font-size: 1.1em;

    -fx-background-insets: 0,0 0 5 0, 0 0 6 0, 0 0 7 0;
    -fx-background-color: 
        linear-gradient(from 0% 93% to 0% 100%, rgb(7,2,226) 0%, rgb(7,2,226) 100%),
        white,
        rgb(0,0,254);
}

但是上面的css与我要求的按钮不完全匹配。请帮忙。