button {
  font-weight: 700;
  font-size: 17px;
  width: 200px;
  height: 60px;
  border: none;
  color: white;
  background-image: linear-gradient(
    to top left,
    hsl(49.04, 100%, 57.06%) 0%,
    hsl(49.04, 100%, 57.06%) 20%,
    hsl(58.89, 45.92%, 53.77%) 20%,
    hsl(58.89, 45.92%, 53.77%) 40%,
    hsl(124.17, 16.44%, 57.06%) 40%,
    hsl(124.17, 16.44%, 57.06%) 60%,
    hsl(200.79, 47.04%, 47.21%) 60%,
    hsl(200.79, 47.04%, 47.21%) 80%,
    hsl(210, 100%, 43.92%) 80%,
    hsl(210, 100%, 43.92%) 100%
  );
  transition: 1s all;
  box-shadow: 0 1px 15px 0 #797f7b;
}

button:hover {
  transform: scale(1.1);
  box-shadow: -2px 2px 10px #616562,
             2px -2px 10px #717774;
}