.arco-btn {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font-weight: 500;
	line-height: 1.5715;
	outline: none;
	position: relative;
	transition: all .1s linear;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

.arco-btn>a:only-child {
	color: currentColor
}

.arco-btn:active {
	transition: none
}

.arco-btn:empty {
	display: inline-block;
	vertical-align: bottom
}

.arco-btn-long {
	display: block;
	width: 100%
}

.arco-btn-link {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	text-decoration: none
}

.arco-btn-link:not([href]) {
	color: var(--color-text-4)
}

.arco-btn-link:hover {
	text-decoration: none
}

.arco-btn-loading {
	cursor: default;
	position: relative
}

.arco-btn-loading:before {
	background: #fff;
	border-radius: inherit;
	bottom: -1px;
	content: "";
	display: block;
	left: -1px;
	opacity: .4;
	pointer-events: none;
	position: absolute;
	right: -1px;
	top: -1px;
	transition: opacity .1s linear;
	z-index: 1
}

.arco-btn-loading-fixed-width {
	transition: none
}

.arco-btn-two-chinese-chars>:not(svg) {
	letter-spacing: .3em;
	margin-right: -.3em
}

a.arco-btn-icon-only {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	vertical-align: top
}

.arco-btn-outline:not(.arco-btn-disabled) {
	background-color: initial;
	border: 1px solid var(--color-border-3);
	color: var(--color-text-2)
}

.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: initial;
	border-color: rgb(var(--primary-5));
	color: var(--color-text-2)
}

.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: initial;
	border-color: rgb(var(--primary-7));
	color: var(--color-text-2)
}

.arco-btn-outline:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--primary-3))
}

.arco-btn-outline.arco-btn-disabled {
	background-color: initial;
	border: 1px solid var(--color-border-3);
	color: var(--color-text-4);
	cursor: not-allowed
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled) {
	background-color: initial;
	border-color: rgb(var(--warning-3));
	color: rgb(var(--warning-6))
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: initial;
	border-color: rgb(var(--warning-3));
	color: rgb(var(--warning-5))
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: initial;
	border-color: rgb(var(--warning-7));
	color: rgb(var(--warning-7))
}

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled {
	background-color: initial;
	border: 1px solid rgb(var(--warning-3));
	color: rgb(var(--warning-3))
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled) {
	background-color: initial;
	border-color: rgb(var(--danger-3));
	color: rgb(var(--danger-6))
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: initial;
	border-color: rgb(var(--danger-3));
	color: rgb(var(--danger-5))
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: initial;
	border-color: rgb(var(--danger-7));
	color: rgb(var(--danger-7))
}

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled {
	background-color: initial;
	border: 1px solid rgb(var(--danger-3));
	color: rgb(var(--danger-3))
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled) {
	background-color: initial;
	border-color: rgb(var(--success-3));
	color: rgb(var(--success-6))
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: initial;
	border-color: rgb(var(--success-3));
	color: rgb(var(--success-5))
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: initial;
	border-color: rgb(var(--success-7));
	color: rgb(var(--success-7))
}

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-outline.arco-btn-status-success.arco-btn-disabled {
	background: initial;
	border: 1px solid rgb(var(--success-3));
	color: rgb(var(--success-3))
}

.arco-btn-primary:not(.arco-btn-disabled) {
	background:var(--zdans);
	border: 1px solid var(--zdans);
	color: var(--color-white)
}

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background:var(--zdanxz);
	border-color:var(--zdanxz);
	color: var(--color-white)
}

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background:var(--zdanxz);
	border-color:var(--zdanxz);
	color: var(--color-white)
}

.arco-btn-primary:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--primary-3))
}

.arco-btn-primary.arco-btn-disabled {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	color: var(--color-fill-2);
	cursor: not-allowed
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled) {
	background-color: rgb(var(--warning-6));
	border-color: rgb(var(--warning-7));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--warning-5));
	border-color: rgb(var(--warning-6));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--warning-7));
	border-color: rgb(var(--warning-8));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled {
	background-color: rgb(var(--warning-3));
	border: 1px solid rgb(var(--warning-4));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled) {
	background-color: rgb(var(--danger-6));
	border-color: rgb(var(--danger-7));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--danger-5));
	border-color: rgb(var(--danger-6));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--danger-7));
	border-color: rgb(var(--danger-8));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled {
	background-color: rgb(var(--danger-3));
	border: 1px solid rgb(var(--danger-4));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled) {
	background-color: rgb(var(--success-6));
	border-color: rgb(var(--success-7));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--success-5));
	border-color: rgb(var(--success-6));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--success-7));
	border-color: rgb(var(--success-8));
	color: var(--color-white)
}

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-primary.arco-btn-status-success.arco-btn-disabled {
	background-color: rgb(var(--success-3));
	border: 1px solid rgb(var(--success-4));
	color: var(--color-white)
}

.arco-btn-secondary:not(.arco-btn-disabled) {
	background-color: var(--color-bg-4);
	border: 1px solid var(--color-border-3);
	color: var(--color-text-2)
}

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: var(--color-bg-3);
	border-color:var(--zdzkxz);
	color: var(--color-text-2)
}

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: var(--color-bg-5);
	border-color: var(--zdzkxz);
	color: var(--color-text-2)
}

.arco-btn-secondary:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px var(--color-neutral-4)
}

.arco-btn-secondary.arco-btn-disabled {
	background-color: var(--color-bg-4);
	border: 1px solid var(--color-border-3);
	color: var(--color-text-4);
	cursor: not-allowed
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled) {
	background-color: rgb(var(--warning-2));
	border-color: rgb(var(--warning-3));
	color: rgb(var(--warning-6))
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--warning-2));
	border-color: rgb(var(--warning-3));
	color: rgb(var(--warning-5))
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--warning-2));
	border-color: rgb(var(--warning-7));
	color: rgb(var(--warning-7))
}

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled {
	background-color: rgb(var(--warning-2));
	border: 1px solid rgb(var(--warning-3));
	color: rgb(var(--warning-3))
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled) {
	background-color: rgb(var(--danger-1));
	border-color: rgb(var(--danger-3));
	color: rgb(var(--danger-6))
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--danger-1));
	border-color: rgb(var(--danger-3));
	color: rgb(var(--danger-5))
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--danger-1));
	border-color: rgb(var(--danger-8));
	color: rgb(var(--danger-7))
}

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled {
	background-color: rgb(var(--danger-1));
	border: 1px solid rgb(var(--danger-3));
	color: rgb(var(--danger-3))
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled) {
	background-color: rgb(var(--success-1));
	border-color: rgb(var(--success-3));
	color: rgb(var(--success-6))
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--success-1));
	border-color: rgb(var(--success-3));
	color: rgb(var(--success-5))
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--success-1));
	border-color: rgb(var(--success-8));
	color: rgb(var(--success-7))
}

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled {
	background-color: rgb(var(--success-1));
	border: 1px solid rgb(var(--success-3));
	color: rgb(var(--success-3))
}

.arco-btn-dashed:not(.arco-btn-disabled) {
	background-color: var(--color-bg-4);
	border: 1px dashed var(--color-border-3);
	color: var(--color-text-2)
}

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: var(--color-bg-3);
	border-color: rgb(var(--primary-5));
	color: var(--color-text-2)
}

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: var(--color-bg-5);
	border-color: rgb(var(--primary-7));
	color: var(--color-text-2)
}

.arco-btn-dashed:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px var(--color-neutral-4)
}

.arco-btn-dashed.arco-btn-disabled {
	background-color: var(--color-bg-4);
	border: 1px dashed var(--color-border-3);
	color: var(--color-text-4);
	cursor: not-allowed
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled) {
	background-color: rgb(var(--warning-2));
	border-color: rgb(var(--warning-3));
	color: rgb(var(--warning-6))
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--warning-2));
	border-color: rgb(var(--warning-3));
	color: rgb(var(--warning-5))
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--warning-2));
	border-color: rgb(var(--warning-7));
	color: rgb(var(--warning-7))
}

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled {
	background-color: rgb(var(--warning-2));
	border: 1px dashed rgb(var(--warning-3));
	color: rgb(var(--warning-3))
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled) {
	background-color: rgb(var(--danger-2));
	border-color: rgb(var(--danger-3));
	color: rgb(var(--danger-6))
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--danger-2));
	border-color: rgb(var(--danger-3));
	color: rgb(var(--danger-5))
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--danger-2));
	border-color: rgb(var(--danger-7));
	color: rgb(var(--danger-7))
}

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled {
	background-color: rgb(var(--danger-2));
	border: 1px dashed rgb(var(--danger-3));
	color: rgb(var(--danger-3))
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled) {
	background-color: rgb(var(--success-2));
	border-color: rgb(var(--success-3));
	color: rgb(var(--success-6))
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: rgb(var(--success-2));
	border-color: rgb(var(--success-3));
	color: rgb(var(--success-5))
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: rgb(var(--success-2));
	border-color: rgb(var(--success-7));
	color: rgb(var(--success-7))
}

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-dashed.arco-btn-status-success.arco-btn-disabled {
	background-color: rgb(var(--success-2));
	border: 1px dashed rgb(var(--success-3));
	color: rgb(var(--success-3))
}

.arco-btn-text:not(.arco-btn-disabled) {
	background-color: initial;
	border: 1px solid transparent;
	color: rgb(var(--link-6))
}

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--primary-5))
}

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--link-7))
}

.arco-btn-text:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px var(--color-neutral-4)
}

.arco-btn-text.arco-btn-disabled {
	background-color: initial;
	border: 1px solid transparent;
	color: rgb(var(--link-3));
	cursor: not-allowed
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled) {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--warning-6))
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--warning-5))
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--warning-7))
}

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--warning-3))
}

.arco-btn-text.arco-btn-status-warning.arco-btn-disabled {
	background-color: initial;
	border: 1px solid transparent;
	color: rgb(var(--warning-3))
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled) {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--danger-6))
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--danger-5))
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--danger-7))
}

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--danger-3))
}

.arco-btn-text.arco-btn-status-danger.arco-btn-disabled {
	background-color: initial;
	border: 1px solid transparent;
	color: rgb(var(--danger-3))
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled) {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--success-6))
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--success-5))
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active {
	background-color: initial;
	border-color: transparent;
	color: rgb(var(--success-7))
}

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):focus-visible {
	box-shadow: 0 0 0 2px rgb(var(--success-3))
}

.arco-btn-text.arco-btn-status-success.arco-btn-disabled {
	background-color: initial;
	border: 1px solid transparent;
	color: rgb(var(--success-3))
}

.arco-btn-size-mini {
	border-radius: var(--border-radius-small);
	font-size: 12px;
	height: 24px;
	padding: 0 12px
}

.arco-btn-size-mini>span+svg,
.arco-btn-size-mini>svg+span {
	margin-left: 8px
}

.arco-btn-size-mini svg {
	vertical-align: -2px
}

.arco-btn-size-mini.arco-btn-rtl>span+svg,
.arco-btn-size-mini.arco-btn-rtl>svg+span {
	margin-left: 0;
	margin-right: 8px
}

.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading {
	padding-left: 2px;
	padding-right: 2px
}

.arco-btn-size-mini.arco-btn-icon-only {
	height: 24px;
	padding: 0;
	width: 24px
}

.arco-btn-size-mini.arco-btn-shape-circle {
	border-radius: var(--border-radius-circle);
	height: 24px;
	padding: 0;
	text-align: center;
	width: 24px
}

.arco-btn-size-mini.arco-btn-shape-round {
	border-radius: 12px
}

.arco-btn-group .arco-btn-size-mini:first-child {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-size-mini:last-child {
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:first-child {
	border-radius: 12px 0 0 12px
}

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:last-child {
	border-radius: 0 12px 12px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child {
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:last-child {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:first-child {
	border-radius: 0 12px 12px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:last-child {
	border-radius: 12px 0 0 12px
}

.arco-btn-size-small {
	border-radius: var(--border-radius-small);
	font-size: 13px;
	height: 28px;
	padding: 0 16px
}

.arco-btn-size-small>span+svg,
.arco-btn-size-small>svg+span {
	margin-left: 8px
}

.arco-btn-size-small svg {
	vertical-align: -2px
}

.arco-btn-size-small.arco-btn-rtl>span+svg,
.arco-btn-size-small.arco-btn-rtl>svg+span {
	margin-left: 0;
	margin-right: 8px
}

.arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading {
	padding-left: 5.5px;
	padding-right: 5.5px
}

.arco-btn-size-small.arco-btn-icon-only {
	height: 28px;
	padding: 0;
	width: 28px
}

.arco-btn-size-small.arco-btn-shape-circle {
	border-radius: var(--border-radius-circle);
	height: 28px;
	padding: 0;
	text-align: center;
	width: 28px
}

.arco-btn-size-small.arco-btn-shape-round {
	border-radius: 14px
}

.arco-btn-group .arco-btn-size-small:first-child {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-size-small:last-child {
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:first-child {
	border-radius: 14px 0 0 14px
}

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:last-child {
	border-radius: 0 14px 14px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child {
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:last-child {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:first-child {
	border-radius: 0 14px 14px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:last-child {
	border-radius: 14px 0 0 14px
}

.arco-btn-size-default {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	font-size: 13px;
	height: 32px;
	padding: 0 16px
}

.arco-btn-size-default>span+svg,
.arco-btn-size-default>svg+span {
	margin-left: 8px
}

.arco-btn-size-default svg {
	vertical-align: -2px
}

.arco-btn-size-default.arco-btn-rtl>span+svg,
.arco-btn-size-default.arco-btn-rtl>svg+span {
	margin-left: 0;
	margin-right: 8px
}

.arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading {
	padding-left: 5.5px;
	padding-right: 5.5px
}

.arco-btn-size-default.arco-btn-icon-only {
	height: 32px;
	padding: 0;
	width: 32px
}

.arco-btn-size-default.arco-btn-shape-circle {
	border-radius: var(--border-radius-circle);
	height: 32px;
	padding: 0;
	text-align: center;
	width: 32px
}

.arco-btn-size-default.arco-btn-shape-round {
	border-radius: 16px
}

.arco-btn-group .arco-btn-size-default:first-child {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-size-default:last-child {
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:first-child {
	border-radius: 16px 0 0 16px
}

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:last-child {
	border-radius: 0 16px 16px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child {
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:last-child {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:first-child {
	border-radius: 0 16px 16px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:last-child {
	border-radius: 16px 0 0 16px
}

.arco-btn-size-large {
	border-radius: var(--border-radius-small);
	font-size: 13px;
	height: 36px;
	padding: 0 16px
}

.arco-btn-size-large>span+svg,
.arco-btn-size-large>svg+span {
	margin-left: 8px
}

.arco-btn-size-large svg {
	vertical-align: -2px
}

.arco-btn-size-large.arco-btn-rtl>span+svg,
.arco-btn-size-large.arco-btn-rtl>svg+span {
	margin-left: 0;
	margin-right: 8px
}

.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading {
	padding-left: 5.5px;
	padding-right: 5.5px
}

.arco-btn-size-large.arco-btn-icon-only {
	height: 36px;
	padding: 0;
	width: 36px
}

.arco-btn-size-large.arco-btn-shape-circle {
	border-radius: var(--border-radius-circle);
	height: 36px;
	padding: 0;
	text-align: center;
	width: 36px
}

.arco-btn-size-large.arco-btn-shape-round {
	border-radius: 18px
}

.arco-btn-group .arco-btn-size-large:first-child {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-size-large:last-child {
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:first-child {
	border-radius: 18px 0 0 18px
}

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:last-child {
	border-radius: 0 18px 18px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child {
	border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:last-child {
	border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:first-child {
	border-radius: 0 18px 18px 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:last-child {
	border-radius: 18px 0 0 18px
}

.arco-btn-group {
	display: inline-block
}

.arco-btn-group .arco-btn-dashed:not(:first-child),
.arco-btn-group .arco-btn-outline:not(:first-child) {
	margin-left: -1px
}

.arco-btn-group .arco-btn-primary:not(:last-child) {
	border-right: 1px solid rgb(var(--primary-5))
}

.arco-btn-group .arco-btn-secondary:not(:last-child) {
	border-right: 1px solid var(--color-bg-3)
}

.arco-btn-group .arco-btn-text:not(:last-child) {
	border-right: 1px solid transparent
}

.arco-btn-group .arco-btn-status-warning:not(:last-child) {
	border-right: 1px solid rgb(var(--warning-5))
}

.arco-btn-group .arco-btn-status-warning:not(:last-child).arco-btn-text {
	border-right: 1px solid transparent
}

.arco-btn-group .arco-btn-status-danger:not(:last-child) {
	border-right: 1px solid rgb(var(--danger-5))
}

.arco-btn-group .arco-btn-status-danger:not(:last-child).arco-btn-text {
	border-right: 1px solid transparent
}

.arco-btn-group .arco-btn-status-success:not(:last-child) {
	border-right: 1px solid rgb(var(--success-5))
}

.arco-btn-group .arco-btn-status-success:not(:last-child).arco-btn-text {
	border-right: 1px solid transparent
}

.arco-btn-group .arco-btn-rtl.arco-btn-dashed:not(:first-child),
.arco-btn-group .arco-btn-rtl.arco-btn-outline:not(:first-child) {
	margin-left: 0;
	margin-right: -1px
}

.arco-btn-group .arco-btn-rtl.arco-btn-primary:not(:last-child) {
	border-left: 1px solid rgb(var(--primary-5));
	border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-secondary:not(:last-child) {
	border-left: 1px solid var(--color-bg-3);
	border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-text:not(:last-child) {
	border-left: 1px solid transparent;
	border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child) {
	border-left: 1px solid rgb(var(--warning-5));
	border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child).arco-btn-text {
	border-left: 1px solid transparent
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child) {
	border-left: 1px solid rgb(var(--danger-5));
	border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child).arco-btn-text {
	border-left: 1px solid transparent
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child) {
	border-left: 1px solid rgb(var(--success-5));
	border-right: 0
}

.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child).arco-btn-text {
	border-left: 1px solid transparent
}

.arco-btn-group .arco-btn-dashed:active,
.arco-btn-group .arco-btn-dashed:hover,
.arco-btn-group .arco-btn-outline:active,
.arco-btn-group .arco-btn-outline:hover {
	z-index: 2
}

.arco-btn-group .arco-btn:not(:first-child):not(:last-child) {
	border-radius: 0
}

.arco-btn-rtl {
	direction: rtl
}

body[arco-theme=dark] .arco-btn-primary.arco-btn-disabled {
	color: hsla(0, 0%, 100%, .3)
}

.arco-btn.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-not-loading) {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.arco-btn.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-not-loading):hover {
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.arco-btn.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-not-loading):active {
	box-shadow: none
}

.arco-btn.arco-btn-primary.arco-btn-disabled {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.arco-btn.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-not-loading) {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

.arco-btn.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-not-loading):hover {
	box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}

.arco-btn.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-not-loading):active {
	box-shadow: none
}

.arco-btn.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-not-loading),
.arco-btn.arco-btn-secondary.arco-btn-disabled {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

.arco-btn.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-not-loading):hover {
	box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}

.arco-btn.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-not-loading):active {
	box-shadow: none
}

.arco-btn.arco-btn-outline.arco-btn-disabled {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

body[arco-theme=dark].arco-btn-outline.arco-btn-disabled,
body[arco-theme=dark].arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-not-loading),
body[arco-theme=dark].arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-not-loading):active,
body[arco-theme=dark].arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-not-loading):hover,
body[arco-theme=dark].arco-btn-primary.arco-btn-disabled,
body[arco-theme=dark].arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-not-loading),
body[arco-theme=dark].arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-not-loading):active,
body[arco-theme=dark].arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-not-loading):hover,
body[arco-theme=dark].arco-btn-secondary.arco-btn-disabled,
body[arco-theme=dark].arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-not-loading),
body[arco-theme=dark].arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-not-loading):active,
body[arco-theme=dark].arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-not-loading):hover {
	box-shadow: none
}

.arco-icon-hover .force-icon {
	position: relative;
	vertical-align: -.09em
}

@dark-text : arco-theme="dark";