%button {
   border-radius: map-get($radius, basic); 
   &.limit{
      width:200px;
   }
}

//一般button
@mixin normalBtn($color, $bgColor, $bdColor) {
   @extend %button;
   @if $bdColor == none {
      border: none;
   } @else {
      border: 1px solid $bdColor !important;
   }
   color: $color;
   background-color: $bgColor;
   &:hover{
      color:#fff;
      background-color: darken($bgColor, 10%); 
   }   
}

//外框 button
@mixin outlineBtn($bdWidth, $color, $bgColor, $bdColor) {
   @extend %button;
   border: $bdWidth solid $bdColor;
   color: $color;
   background-color: $bgColor;   
   &:hover{
      color:#fff;
      background-color: $color; 
   }
}

