эффект градиента кнопки или тени 3D в CSS показан на примере

Question

Я ищу эффект градиента или тени (не знаю, какой именно), например:

спасибо за помощь.

Answer 1

Вот идея использования градиента и границы для аппроксимации, просто отрегулируйте цвет, как вам нужно:

.button {
  display:inline-block;
  padding:10px 20px;
  background:linear-gradient(#ffa797,#e95648);
  box-shadow:0px 1px 2px 2px #ccc;
  position:relative;
  color:#fff;
  z-index:0;
}
.button:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  border-right:15px solid rgba(255,255,255,0.4);
  border-left:15px solid rgba(0,0,0,0.5);
  border-top:19px solid rgba(255,255,255,0.2);
  border-bottom:19px solid rgba(0,0,0,0.2);
}

<div class="button">some text</div>