.ebookdownloadinputs{
text-align: left;
}

.ebookdownload-errormessage{
text-align: center;
font-weight: bold;
}

.downloadname, .downloademail{
height: 35px !important;
}

.button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 35px;
  padding: 0 20px;
  font-size: 13px;
  color: white;
  background: rgb(66, 184, 221); /* this is a light blue */
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px rgba(black, .4);
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
  @include box-shadow(inset 0 1px rgba(white, .1),
                      inset 0 0 0 1px rgba(white, .08),
                      0 1px 2px rgba(black, .25));

  &:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    @include radial-gradient(center top, farthest-corner, rgba(white, .08), rgba(white, 0));
  }

  &:hover:before { @include radial-gradient(farthest-corner, rgba(white, .18), rgba(white, .03)); }
  &:active { @include box-shadow(inset 0 1px 2px rgba(black, .2)); }
  &:active:before { content: none; }
}

$colors: green #5ca934, red  #d5452f, blue     #1097e6, orange #f4902a,
         pink  #e8367f, gray #47494f, darkblue #3b5ca0, purple #9966cb;

@each $pair in $colors {
  .button-#{nth($pair, 1)} {
    $color: nth($pair, 2);
    background: $color;
    border-color: darken($color, 10%) darken($color, 10%) darken($color, 15%);
    @include linear-gradient(top, lighten($color, 6%), $color 66%, darken($color, 4%));

    &:active {
      background: $color;
      border-color: darken($color, 15%) darken($color, 10%) darken($color, 10%);
    }
  }
}