如何将按钮css设置为半阴影

Question

我需要像website这样设置按钮的css，在这里你可以看到带有深色和半阴影的Read more按钮

请看下图：

我尝试了下面的代码，但失败了：

.rmbutton {
    color: #ffffff !important;
    background: #504d62 !important;
    position: relative;
    overflow: hidden;
    padding: 13px 35px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    text-align: center;
    font-weight: bold;
}

提前致谢！

Answer 1

简单的背景，你应该根据自己的喜好来调整值。

button {
  color: white;
  padding: 40px 80px;
  background: linear-gradient(100deg, red 25%, blue 26%);
}

<button>Don't click me</button>