/* КРАСИВЫЕ 3D КНОПКИ */


/* Красивые 3D кнопки */
button{
  border-radius: 10px;
  border: none;
  padding: 10px;
  color: #111;
  border-radius: 10px;
  font-size: 1.2em;
  font-weight: 200;
  transition: all 0.2s;
  margin: 5px;
  border-bottom: 0px solid #eee;
  cursor:pointer;
}

button:active{
  transform: scaleX(0.9) translateY(4px);
}

button.green{
  background: #82CA9D;
}
button.green:not(:active){
  border-bottom: 4px solid #62AA7D;
}

button.red{
  background: #F7977A;
}
button.red:not(:active){
  border-bottom: 4px solid #D7775A;
}

button.blue{
  background: #7EA7D8;
}
button.blue:not(:active){
  border-bottom: 4px solid #5E87B8;
}

button.yellow{
  background: #FDC68A;
}
button.yellow:not(:active){
  border-bottom: 4px solid #DDA66A;
}
button.purple{
  background: #A187BE;
}
button.purple:not(:active){
  border-bottom: 4px solid #81679E;
}