/*1. green ovel*/
.button_green {
  display: inline-block;
  padding: 10px 8px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50 ;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
 }
.button_green:hover {background-color: #3e8e41}
.button_green:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


/*2.green squre*/
.button_green_sq {
  display: inline-block;
  padding: 10px 8px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50 ;
  border: none;
  border-radius: 5px;
  box-shadow: 0 9px #999;

 }

.button_green_sq:hover {background-color: #3e8e41}

.button_green_sq:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


/*3. red ovel*/
.button_red {
  display: inline-block;
  padding: 10px 8px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: red ;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;

 }

.button_red:hover {background-color: #ff5c33}

.button_red:active {
  background-color: #ff5c33;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


/*4. red squre*/
.button_red_sq {
  display: inline-block;
  padding: 10px 8px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: red ;
  border: none;
  border-radius: 5px;
  box-shadow: 0 9px #999;

 }

.button_red_sq:hover {background-color: #ff5c33}

.button_red_sq:active {
  background-color: #ff5c33;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}



/*3. orange ovel*/
.button_orange {
  display: inline-block;
  padding: 10px 8px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: orange ;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;

 }

.button_orange:hover {background-color: #ff5c33}

.button_orange:active {
  background-color: #ff5c33;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


/*3. orange ovel*/
.button_blue {
  display: inline-block;
  padding: 10px 8px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: blue ;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;

 }

.button_blue:hover {background-color: #3363ff}

.button_blue:active {
  background-color: #3363ff;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}