/**
 * CSS Buttons Generator for your pleasure!
 * http://www.dextronet.com/css-buttons-generator
 * 
 * (c) Ondrej Zabojnik <zabojnik@dextronet.com>, released under the MIT license
 * 
 * Usage: 
 *   <a href="" class="shiny-button"><strong>申請書ダウンロード</strong><br>Download</a>
 * 
 */

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  background-color: #2CD1F2;
  background-image: -webkit-linear-gradient(top, #31d2f2 0%, #65cde2 48%, #2CD1F2 49%, #2CD1F2 82%, #46d7f4 100%);
  background-image: -moz-linear-gradient(top, #31d2f2 0%, #65cde2 48%, #2CD1F2 49%, #2CD1F2 82%, #46d7f4 100%);
  background-image: -o-linear-gradient(top, #31d2f2 0%, #65cde2 48%, #2CD1F2 49%, #2CD1F2 82%, #46d7f4 100%);
  background-image: linear-gradient(top, #31d2f2 0%, #65cde2 48%, #2CD1F2 49%, #2CD1F2 82%, #46d7f4 100%);
  border-color: hsl(190, 29%, 48%);
  -webkit-box-shadow: inset 0 0 1px 1px #6fe0f6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #6fe0f6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #6fe0f6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #0b92ad;
  -moz-text-shadow: 1px 1px 1px #0b92ad;
  -o-text-shadow: 1px 1px 1px #0b92ad;
  text-shadow: 1px 1px 1px #0b92ad;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 18px 45px 18px 45px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 24px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #3ad4f3;
  background-image: -webkit-linear-gradient(top, #3fd5f3 0%, #71d1e4 48%, #3ad4f3 49%, #3ad4f3 82%, #54daf5 100%);
  background-image: -moz-linear-gradient(top, #3fd5f3 0%, #71d1e4 48%, #3ad4f3 49%, #3ad4f3 82%, #54daf5 100%);
  background-image: -o-linear-gradient(top, #3fd5f3 0%, #71d1e4 48%, #3ad4f3 49%, #3ad4f3 82%, #54daf5 100%);
  background-image: linear-gradient(top, #3fd5f3 0%, #71d1e4 48%, #3ad4f3 49%, #3ad4f3 82%, #54daf5 100%);
  border-color: hsl(190, 28%, 49%);
  -webkit-box-shadow: inset 0 0 1px 1px #82e4f7, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #82e4f7, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #82e4f7, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #0b9ebc;
  -moz-text-shadow: 1px 1px 1px #0b9ebc;
  -o-text-shadow: 1px 1px 1px #0b9ebc;
  text-shadow: 1px 1px 1px #0b9ebc;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #1ecef1;
  background-image: -webkit-linear-gradient(top, #14ccf0 0%, #2CD1F2 100%);
  background-image: -moz-linear-gradient(top, #14ccf0 0%, #2CD1F2 100%);
  background-image: -o-linear-gradient(top, #14ccf0 0%, #2CD1F2 100%);
  background-image: linear-gradient(top, #14ccf0 0%, #2CD1F2 100%);
  padding: 19px 45px 17px 45px;
}