@import './var.less';

.container {
  display: flex;
  align-items: center;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
}

.radio {
  margin: 10px 0;
  margin-right: 30px;
  max-width: 100%;

  &:last-child {
    margin-right: 0;
  }
}

.btn {
  max-width: 100%;
  border-radius: @border-radius-md;
  border: @hd solid @radio-border-color;
  height: @radio-botton-height;
  padding: 0 30px;
  background: @white;
  display: flex;
  align-items: center;
  margin: 10px;
  cursor: pointer;
}

.dot {
  box-sizing: border-box;
  width: @radio-dot-width;
  height: @radio-dot-height;
  border-radius: @radio-border-radius;
  border-style: solid;
  margin-right: 20px;
  border-width: @radio-border-width;
}
.dotCheck {
  border-width: @radio-check-border-width;
}

.btnActive {
  color: @white;
}

.group {
  display: flex;
  flex-wrap: wrap;
}

.disabled {
  cursor: not-allowed;
  opacity: @disabled-opacity;
}
