.button {
  @include button-style($gray-lightest, $gray-lightest, $gray-lighter, $transparent, $dark);

  position: relative;
  display: inline-block;
  margin: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  // padding-left: $button-padding;
  // padding-right: $button-padding;

  min-width: ($button-padding * 3) + $button-font-size;
  min-height: $button-height;

  //border-width: $button-border-width;
  @include border-width($button-border-width);
  .platform-android4 &,.platform-android5 &,.platform-android6 &{
    @include border-width($button-border-width,'',true);
  }
  border-style: solid;
  border-radius: $button-border-radius;

  vertical-align: top;
  text-align: center;

  text-overflow: ellipsis;
  font-size: $button-font-size;
  line-height: $button-height - $button-border-width - 1px;

  cursor: pointer;

 /* &:after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: ' ';
  }*/

  // 适配iphonex安全区域
  &.button-safe-area-bottom{
    padding-bottom:0px;
    padding-bottom: calc(constant(safe-area-inset-bottom));
    padding-bottom: calc(env(safe-area-inset-bottom));
  }

  &.button-primary {
    @include button-style($primary, $primary,darken($primary,10%), $transparent, $white);
    @include button-clear($primary);
    @include button-outline($primary);
  }

  &.button-secondary {
    @include button-style($secondary, $secondary,darken($secondary,10%), $transparent, $white);
    @include button-clear($secondary);
    @include button-outline($secondary);
  }

  &.button-disable {
    @include button-style($disable, $disable,darken($disable,10%), $transparent, $white);
    @include button-clear($disable);
    @include button-outline($disable);
  }
}

.button-middle {
  // padding: 1px $button-middle-padding 0px;
  padding:1px 0 0;
  min-width: ($button-middle-padding * 3) + $button-middle-font-size;
  min-height: $button-middle-height;
  font-size: $button-middle-font-size;
  line-height: $button-middle-height - $button-border-width*2 - 1;
}

.button-small {
  // padding: 1px $button-small-padding 0px;
  padding:1px 0 0;
  min-width: ($button-small-padding * 3) + $button-small-font-size;
  min-height: $button-small-height;
  font-size: $button-small-font-size;
  line-height: $button-small-height - $button-border-width*2 - 1;
}

.button-large {
  // padding: 0 $button-large-padding;
  min-width: ($button-large-padding * 3) + $button-large-font-size;
  min-height: $button-large-height;
  font-size: $button-large-font-size;
  line-height: $button-large-height - $button-border-width*2 - 1;
}