Piston Metal

.btn-piston-metal {
  display: inline-block;
  padding: 12px 28px;
  border: 1px solid #64748b;
  border-radius: 10px;
  background: linear-gradient(180deg, #e2e8f0, #94a3b8);
  color: #1e293b;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  cursor: pointer;
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -2px 0 rgba(51, 65, 85, 0.35), 0 3px 6px rgba(15, 23, 42, 0.3);
  transition: box-shadow 0.12s ease, filter 0.12s ease;
}
.btn-piston-metal:hover {
  filter: brightness(1.05);
}
.btn-piston-metal:active {
  box-shadow: inset 0 3px 6px rgba(15, 23, 42, 0.4);
  filter: brightness(0.92);
}