.btn_ {
  display: block;
  float: left;
  height: 34px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  background: $link-color;
  border: 1px solid $link-color;
  padding: 0 11px 0 11px;
  text-decoration: none;
  position:relative;
  @include Transition(0.2);
  &:hover {
    text-decoration: none;
    background: #fff;
    color: $link-color;
  }
  &:active {
    color: #fff;
    background: $link-active;
    border: 1px solid $link-active;
  }


  &.btn_buy_basket {
    padding-right: 40px;
    float: right;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 11px;
    span {
      position: absolute;
      height: 100%;
      top: 0;
      right: 10px;
      width: 16px;
      @include svgIcon;
      @include Transition(0.2);
      &:before {
        @include Transition(0.2);
        font-size: 16px;
        content: "\e9002";
        color:#fff;
        line-height: 32px;
      }
    }
    &:hover {
      span {
        @include Scale(1.35);
        &:before {
          color:$link-color;
        }
      }
    }
    &:active {
      span {
        &:before {
          color:#fff;
        }
      }
    }
  }
}
