a.btn, a.btn:before {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 30px;
  border: solid rgb(4,88,192);
  border-width: 3px 10px;
  outline: none;
  opacity: 1;
  transition: .6s, opacity 0s 9999999s, visibility 0s 9999999s;
} 
a.btn {
  position: relative;
  padding: calc(8px + 3px - 1px) calc(15px + 10px - 1px);
  border: 1px solid rgba(62,153,239,.5);
  background: linear-gradient(to left, rgb(62,153,239) 1%, #fff 3%, rgb(44,135,232) 8%, rgba(255,255,255,.3) 50%, rgb(44,135,232) 92%, #fff 97%, rgb(62,153,239) 99%) no-repeat;
}
a.btn:before {
  position:  absolute; 
  bottom: -20px;
  background: #fff linear-gradient(rgb(58,160,253), rgb(4,88,192) 60%, rgb(49,112,201));
  box-shadow: 0 5px 9px rgba(0,0,0,.5);
}
a.btn:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
a.btn:hover:before {
  border-color: #0766d8;
  background: #fff linear-gradient(#3fadff, #0766d8 60%, #3279dd);
}

a.btnOrderBook:before {
  content: 'Заказать фотокнигу';
  left: -80px;
  width: 160px;
}

a.btnOrderSession:before {
  content: 'Заказать фотосессию';
  left: -90px;
  width: 180px;
}

a.btnWantBook:before {
  content: 'Хочу такую книгу';
  left: -70px;
  width: 140px;
}

a.btnQuestion:before {
  content: 'Задать вопрос';
  left: -60px;
  width: 120px;
}