/* ------------------------ */
input[type="file"] {
    display: none;
}
.button{
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border: 2px solid #ccc;
  position: relative;
   line-height:150%;
  /* Label */
  font-family: sans-serif;
  font-weight: 400;
  color: #fff;
  text-shadow: rgba(10, 10, 10, 0.5) 0px 0px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
}

.aqua{
  width: auto; /* !!! */

  background-color: rgba(60, 199, 152, 0.8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 156, 92, 0.8)), to(rgba(107, 255, 181, .9)));
  border-top-color: #8cc2b0;
  border-right-color: #58bf9d;
  border-bottom-color: #4fc98c;
  border-left-color: #77a68f;
  -webkit-box-shadow: 2px 3px 4px -2px #333;
  -moz-box-shadow: 2px 3px 4px -2px #333; /* FF 3.5+ */
}

.button .glare {
  position: absolute;
  top: 0;
  left: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  height: 2px;
  width: 99%;
  padding: 12px 0;
  background-color: rgba(255, 255, 255, 0.22);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
}

.button:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}
.button:hover{
	background: linear-gradient(#073,#0fa);
}