:root {
  --button-default-color: #f5f5f5;
  --button-main-color: var(--color-main);
  --button-primary-color: var(--color-primary);
  --button-danger-color: var(--color-danger);
  --button-success-color: var(--color-success);
  --button-warning-color: var(--color-warning);
  --button-info-color: var(--color-info);
  --button-disabled-color: var(--color-disabled);
  --button-disabled-text-color: #BEBEBE;
  --button-border-color: #ebedf0;
  --button-normal-radius: 2px;
  --button-mini-radius: 0px;
  --button-small-radius: 4px;
  --button-middle-radius: 6px;
  --button-large-radius: 8px;
  --button-mini-padding: 0 9px;
  --button-small-padding: 0 11px;
  --button-normal-padding: 0 15px;
  --button-large-padding: 0 22px;
  --button-round-padding: 6px;
  --button-mini-height: 24px;
  --button-small-height: 30px;
  --button-normal-height: 32px;
  --button-large-height: 44px;
}
.ppsv-button {
  position: relative;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  line-height: 1.2;
  border-radius: var(--button-border-radius);
  user-select: none;
  cursor: pointer;
  font-family: inherit;
  transition: box-shadow 0.2s;
  will-change: box-shadow;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  white-space: nowrap;
}
.ppsv-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ppsv-button__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ppsv-button--default {
  color: inherit;
  border: 1px solid var(--button-border-color);
  background-color: #fff;
}
.ppsv-button--primary {
  color: #fff;
  background-color: var(--button-primary-color);
}
.ppsv-button--main {
  color: #fff;
  background-color: var(--button-main-color);
}
.ppsv-button--info {
  color: #fff;
  background-color: var(--button-info-color);
}
.ppsv-button--success {
  color: #fff;
  background-color: var(--button-success-color);
}
.ppsv-button--warning {
  color: #fff;
  background-color: var(--button-warning-color);
}
.ppsv-button--danger {
  color: #fff;
  background-color: var(--button-danger-color);
}
.ppsv-button--disabled {
  background-color: var(--button-disabled-color);
  color: var(--button-disabled-text-color);
  cursor: not-allowed;
  box-shadow: none !important;
}
.ppsv-button--block {
  width: 100%;
}
.ppsv-button--text {
  background-color: transparent;
}
.ppsv-button--text:active {
  box-shadow: none;
}
.ppsv-button--text-default {
  color: inherit;
}
.ppsv-button--text-primary {
  color: var(--button-primary-color);
}
.ppsv-button--text-info {
  color: var(--button-info-color);
}
.ppsv-button--text-success {
  color: var(--button-success-color);
}
.ppsv-button--text-warning {
  color: var(--button-warning-color);
}
.ppsv-button--text-danger {
  color: var(--button-danger-color);
}
.ppsv-button--text-disabled {
  color: var(--button-disabled-text-color);
}
.ppsv-button--normal {
  height: var(--button-normal-height);
  padding: var(--button-normal-padding);
  font-size: var(--font-size-md);
}
.ppsv-button--large {
  height: var(--button-large-height);
  padding: var(--button-large-padding);
  font-size: var(--font-size-lg);
}
.ppsv-button--small {
  height: var(--button-small-height);
  padding: var(--button-small-padding);
  font-size: var(--font-size-sm);
}
.ppsv-button--mini {
  height: var(--button-mini-height);
  padding: var(--button-mini-padding);
  font-size: var(--font-size-xs);
}
.ppsv-button--radius-large {
  border-radius: var(--button-large-radius);
}
.ppsv-button--radius-normal {
  border-radius: var(--button-normal-radius);
}
.ppsv-button--radius-middle {
  border-radius: var(--button-middle-radius);
}
.ppsv-button--radius-small {
  border-radius: var(--button-small-radius);
}
.ppsv-button--radius-mini {
  border-radius: var(--button-mini-radius);
}
.ppsv-button--round {
  border-radius: 999px;
}
.ppsv-button--circle {
  border-radius: 50%;
  height: inherit;
  padding: var(--button-round-padding);
  font-size: 0;
  line-height: 1;
}
.ppsv-button--outline {
  border: thin solid currentColor;
}
.ppsv-button--hidden {
  opacity: 0;
}