Neo Mini

.btn-neo-mini {
  display: inline-block;
  padding: 10px 22px;
  border: none;
  border-radius: 10px;
  background: #e0e5ec;
  color: #64748b;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 4px 4px 8px #c8cdd5, -4px -4px 8px #f8faff;
  transition: box-shadow 0.2s ease;
}
.btn-neo-mini:hover {
  box-shadow: 7px 7px 14px #c8cdd5, -7px -7px 14px #f8faff;
}
.btn-neo-mini:active {
  box-shadow: inset 3px 3px 6px #c8cdd5, inset -3px -3px 6px #f8faff;
}