.button{
  position: relative;
  display: inline-block;
  font-size: 90%;
  font-weight: 700;
  color: #cfd0d4; /* цвет текста*/
  text-decoration: none;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,.2);*/
  padding: 5px 23px 5px 23px ;
  outline: none;
  border-radius: 15px;
  background: linear-gradient(#b3bfe8, #728fed) #b3bfe8;
  /* тень вокруг кнопкки*/
  box-shadow:
   0 1px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
  transition: .2s ease-in-out;
}
    .button:hover:not(:active) {
	background: linear-gradient(#b3bfe8, #416af0) #b3bfe8;
/*  background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);*/
}
.button:active {
  top: 1px;

  background: #7795f7;
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
}