.tant-button.ant-btn {
  height: 32px;
  padding: 6px 12px;
  color: var(--text-color);
  font-weight: var(--font-weight-base);
  font-size: var(--font-size-base);
  line-height: 20px;
  text-shadow: none;
  background-color: var(--color-white);
  border: 1px solid var(--model-widget-split-color);
  border-radius: var(--border-radius-base);
  box-shadow: none;
}
.tant-button.ant-btn:hover,
.tant-button.ant-btn:focus {
  color: var(--primary-hover-color);
  background-color: var(--color-white);
  border-color: var(--primary-hover-color);
}
.tant-button.ant-btn:active {
  color: var(--primary-active-color);
  background-color: var(--color-white);
  border-color: var(--primary-active-color);
}
.tant-button.ant-btn.ant-btn-primary {
  color: var(--color-white);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.tant-button.ant-btn.ant-btn-primary:hover,
.tant-button.ant-btn.ant-btn-primary:focus {
  color: var(--color-white);
  background-color: var(--primary-hover-color);
  border-color: var(--primary-hover-color);
}
.tant-button.ant-btn.ant-btn-primary:active {
  color: var(--color-white);
  background-color: var(--primary-active-color);
  border-color: var(--primary-active-color);
}
.tant-button.ant-btn.ant-btn-secondary {
  color: var(--primary-color);
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.tant-button.ant-btn.ant-btn-secondary:hover,
.tant-button.ant-btn.ant-btn-secondary:focus {
  color: var(--primary-hover-color);
  background-color: var(--secondary-hover-color);
  border-color: var(--secondary-hover-color);
}
.tant-button.ant-btn.ant-btn-secondary:active {
  color: var(--primary-active-color);
  background-color: var(--secondary-active-color);
  border-color: var(--secondary-active-color);
}
.tant-button.ant-btn.ant-btn-background-ghost {
  color: var(--text-color);
  background-color: transparent !important;
  border-color: transparent;
}
.tant-button.ant-btn.ant-btn-background-ghost:hover,
.tant-button.ant-btn.ant-btn-background-ghost:focus {
  color: var(--primary-hover-color);
  background-color: var(--light-bg-color) !important;
  border-color: var(--light-bg-color);
}
.tant-button.ant-btn.ant-btn-background-ghost:active {
  color: var(--primary-active-color);
  background-color: var(--light-bg-color) !important;
  border-color: var(--light-bg-color);
}
.tant-button.ant-btn.ant-btn-dangerous {
  color: var(--color-white);
  background-color: var(--danger-color);
  border-color: var(--danger-color);
}
.tant-button.ant-btn.ant-btn-dangerous:hover,
.tant-button.ant-btn.ant-btn-dangerous:focus {
  color: var(--color-white);
  background-color: var(--danger-hover-color);
  border-color: var(--danger-hover-color);
}
.tant-button.ant-btn.ant-btn-dangerous:active {
  color: var(--color-white);
  background-color: var(--danger-active-color);
  border-color: var(--danger-active-color);
}
.tant-button.ant-btn.ant-btn-link {
  color: var(--text-color);
  background-color: transparent;
  border-color: transparent;
}
.tant-button.ant-btn.ant-btn-link:hover,
.tant-button.ant-btn.ant-btn-link:focus {
  color: var(--primary-hover-color);
  background-color: transparent;
  border-color: transparent;
}
.tant-button.ant-btn.ant-btn-link:active {
  color: var(--primary-active-color);
  background-color: transparent;
  border-color: transparent;
}
.tant-button.ant-btn[disabled],
.tant-button.ant-btn .ant-btn-disabled,
.tant-button.ant-btn .disabled {
  opacity: 0.4;
}
.tant-button.ant-btn[disabled]:hover,
.tant-button.ant-btn .ant-btn-disabled:hover,
.tant-button.ant-btn .disabled:hover {
  color: var(--text-color);
  background-color: var(--color-white);
  border: 1px solid var(--model-widget-split-color);
}
.tant-button.ant-btn[disabled].ant-btn-primary:hover,
.tant-button.ant-btn .ant-btn-disabled.ant-btn-primary:hover,
.tant-button.ant-btn .disabled.ant-btn-primary:hover {
  color: var(--color-white);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.tant-button.ant-btn[disabled].ant-btn-secondary:hover,
.tant-button.ant-btn .ant-btn-disabled.ant-btn-secondary:hover,
.tant-button.ant-btn .disabled.ant-btn-secondary:hover {
  color: var(--primary-color);
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}
.tant-button.ant-btn[disabled].ant-btn-background-ghost:hover,
.tant-button.ant-btn .ant-btn-disabled.ant-btn-background-ghost:hover,
.tant-button.ant-btn .disabled.ant-btn-background-ghost:hover {
  color: var(--text-color);
  background-color: transparent !important;
  border-color: transparent;
}
.tant-button.ant-btn[disabled].ant-btn-dangerous:hover,
.tant-button.ant-btn .ant-btn-disabled.ant-btn-dangerous:hover,
.tant-button.ant-btn .disabled.ant-btn-dangerous:hover {
  color: var(--color-white);
  background-color: var(--danger-color);
  border-color: var(--danger-color);
}
.tant-button.ant-btn[disabled].ant-btn-link:hover,
.tant-button.ant-btn .ant-btn-disabled.ant-btn-link:hover,
.tant-button.ant-btn .disabled.ant-btn-link:hover {
  color: var(--text-color);
  background-color: transparent;
  border-color: transparent;
}
.tant-button.ant-btn.ant-btn-sm {
  height: 24px;
  padding: 4px 8px;
  font-weight: var(--font-weight-base);
  font-size: var(--font-size-sm);
  line-height: 16px;
  border-radius: var(--border-radius-sm);
}
.tant-button.ant-btn.ant-btn-sm .anticon + span {
  margin-left: 4px;
}
.tant-button.ant-btn.ant-btn-lg {
  height: 40px;
  padding: 8px 16px;
  font-weight: var(--font-weight-lg);
  font-size: var(--font-size-lg);
  line-height: 24px;
  border-radius: var(--border-radius-base);
}
.tant-button.ant-btn.ant-btn-lg .anticon + span {
  margin-left: 8px;
}
.tant-button.ant-btn.ant-btn-loading {
  width: 80px;
}
.tant-button.ant-btn.ant-btn-loading::before {
  opacity: 0.6;
}
.tant-button.ant-btn.ant-btn-loading.ant-btn-sm {
  width: 58px;
}
.tant-button.ant-btn .anticon + span {
  margin-left: 6px;
}