/* components/btn/btn.wxss */
$primary: #6571D9;
$member: #653E12;

.btn-cmp {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 44rpx;
  font-size: 24rpx;
}

.primary {
  background: $primary;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: 0 20rpx;

  &.plain {
    box-sizing: border-box;
    color: $primary;
    border: 1rpx solid $primary;
    background: #FFFFFF;
  }
}

.primary45 {
  background: #4B5AE5;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: 0 20rpx;
}

.white {
  background: #FFFFFF;
  border: 1rpx solid #CDCDCD;
  font-size: 24rpx;
  font-family: PingFang SC;
  // font-weight: bold;
  color: #A1A1A1;
}

.default {
  background: #7A8BFF;
  border: 1rpx solid #FFFFFF;
  border-radius: 25rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.default45 {
  background: #7A8BFF;
  border: 1rpx solid #FFFFFF;
  border-radius: 45rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}
.info{
  background: #FFFFFF;
  color: #6979E8;
  border-radius: 25rpx;
  font-family: PingFang SC;
}

.member {
  font-family: PingFang SC;
  font-weight: 500;
  color: #653E12;
  background: #E5C7A3;

  &.plain {
    box-sizing: border-box;
    color: #7986FF;
    border: 1rpx solid #7986FF;
    background: #FFFFFF;
  }
}