@import '../common/index.wxss';

:host {
  -webkit-flex: 1;
  flex: 1;
}

.van-goods-action-button {
  --button-warning-background-color: linear-gradient(90deg,#ffd01e,#ff8917);
  --button-warning-background-color: var(--goods-action-button-warning-color,linear-gradient(90deg,#ffd01e,#ff8917));
  --button-danger-background-color: linear-gradient(90deg,#ff6034,#ee0a24);
  --button-danger-background-color: var(--goods-action-button-danger-color,linear-gradient(90deg,#ff6034,#ee0a24));
  --button-default-height: 80rpx;
  --button-default-height: var(--goods-action-button-height,80rpx);
  --button-line-height: 40rpx;
  --button-line-height: var(--goods-action-button-line-height,40rpx);
  --button-plain-background-color: #fff;
  --button-plain-background-color: var(--goods-action-button-plain-color,#fff);
  display: block;
  --button-border-width: 0;
}

.van-goods-action-button--first {
  margin-left: 10rpx;
  --button-border-radius: 1998rpx 0 0 1998rpx;
  --button-border-radius: var(--goods-action-button-border-radius,1998rpx) 0 0 var(--goods-action-button-border-radius,1998rpx);
}

.van-goods-action-button--last {
  margin-right: 10rpx;
  --button-border-radius: 0 1998rpx 1998rpx 0;
  --button-border-radius: 0 var(--goods-action-button-border-radius,1998rpx) var(--goods-action-button-border-radius,1998rpx) 0;
}

.van-goods-action-button--first.van-goods-action-button--last {
  --button-border-radius: 1998rpx;
  --button-border-radius: var(--goods-action-button-border-radius,1998rpx);
}

.van-goods-action-button--plain {
  --button-border-width: 2rpx;
}

.van-goods-action-button__inner {
  width: 100%;
  font-weight: 500!important;
  font-weight: var(--font-weight-bold,500)!important;
}

@media (max-width:321px) {
  .van-goods-action-button {
    font-size: 26rpx;
  }
}