.falcon-button {
  border: none;
  border-radius: 12px;
  box-shadow: 3px 3px 8px rgba(0,0,0,0.25), -8px -8px 23px rgba(255,255,255,0.5);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  height: 51px;
  width: 175px;
  outline: none;
  color: #fff;
}
.falcon-button_white {
  background: #fff;
  box-shadow: 1px 3px 10px rgba(0,0,0,0.25), -1px -3px 10px rgba(0,0,0,0.25);
  color: #656c7e;
  transition: all 0.5s ease;
}
.falcon-button_white:hover {
  box-shadow: 0px -4px 12px rgba(75,234,120,0.35);
}
.falcon-button_white:active,
.falcon-button_white_active {
  background: #fff;
  color: #656c7e;
  box-shadow: inset 0px -5px 8px #fff, inset 4px 4px 8px #15ce49;
}
.falcon-button_white:disabled {
  background: #eaeef7;
  pointer-events: none;
}
.falcon-button_close {
  cursor: pointer;
  width: 25px;
  height: 25px;
  transition: all 0.5s ease;
}
.falcon-button_close:hover {
  width: 35px;
  height: 35px;
}
.falcon-button_orange {
  background: #eb5830;
  box-shadow: inset 0px 0px 7px 7px #f7931e;
  transition: all 0.5s ease;
}
.falcon-button_orange:hover {
  box-shadow: inset 0px 0px 10px 4px #f7931e, 3px 3px 8px rgba(247,147,30,0.25), 0px 0px 15px rgba(247,147,30,0.5);
}
.falcon-button_orange:active,
.falcon-button_orange_active {
  background: #f7931e;
  box-shadow: inset 6px 6px 6px #d84e00;
}
.falcon-button_orange:disabled {
  background: #e0d3c0;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.25), -10px -10px 25px rgba(255,255,255,0.5);
  pointer-events: none;
}
.falcon-button_blue {
  background: #5f45ff;
  box-shadow: inset 0px 0px 10px 0px #2906ff;
  transition: all 0.5s ease;
}
.falcon-button_blue:hover {
  box-shadow: inset 0px 0px 10px 6px #2906ff, 3px 3px 8px rgba(71,40,255,0.25), 0px 0px 15px rgba(41,6,255,0.5);
}
.falcon-button_blue:active,
.falcon-button_blue_active {
  background: #5f45ff;
  box-shadow: inset 6px 6px 6px #2e1e8d;
}
.falcon-button_blue:disabled {
  background: #7560fe;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.25), -10px -10px 25px rgba(255,255,255,0.5);
  pointer-events: none;
}
.falcon-button_yellow {
  background: #ffcb12;
  box-shadow: inset 0px 0px 7px 0px #ff7a00;
  transition: all 0.5s ease;
}
.falcon-button_yellow:hover {
  box-shadow: inset 0px 0px 7px 2px #ff7a00, 5px 5px 10px rgba(255,184,0,0.25), -10px -10px 25px rgba(255,230,141,0.5);
}
.falcon-button_yellow:active,
.falcon-button_yellow_active {
  background: #ffcb12;
  box-shadow: inset 4px 4px 4px #c55e00;
}
.falcon-button_yellow:disabled {
  background: #f1c250;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.25), -10px -10px 25px rgba(255,255,255,0.5);
  pointer-events: none;
}
.falcon-button_green {
  background: #00d930;
  box-shadow: inset 0px 0px 7px 0px #0b982a;
  transition: all 0.5s ease;
}
.falcon-button_green:hover {
  box-shadow: inset 0px 0px 10px 4px #0b982a, 3px 3px 8px rgba(0,217,48,0.25), 0px 0px 15px rgba(11,152,42,0.5);
}
.falcon-button_green:active,
.falcon-button_green_active {
  background: #00d930;
  box-shadow: inset 5px 5px 4px #0b982a;
}
.falcon-button_green:disabled {
  background: #72d387;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.25), -10px -10px 25px rgba(255,255,255,0.5);
  pointer-events: none;
}
