.wd-add-btn-replace > a {
	--btn-padding: 0;
	overflow: hidden;
}

.wd-add-btn-replace .wd-action-icon {
	position: absolute;
	inset: 0;
	font-weight: 400;
	font-size: 20px;
	transition: opacity .15s ease, transform .25s ease;
	transform: translateY(100%);
}

.wd-add-btn-replace .wd-action-text {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity .15s ease, transform .25s ease;
	padding: 5px 14px;
	min-height: 36px;
	font-size: 12px;
}

.wd-add-btn-replace > a:hover .wd-action-icon, .wd-add-btn-replace > a.loading .wd-action-icon {
	transform: translateY(0) translateZ(0);
}

.wd-add-btn-replace > a:hover .wd-action-text, .wd-add-btn-replace > a.loading .wd-action-text {
	transform: translateY(-100%) translateZ(0);
}

.wd-add-btn-replace > a.loading .wd-action-icon:before {
	opacity: 0;
}

.wd-add-btn-replace > a.loading .wd-action-icon:after {
	opacity: 1;
	--wd-anim-state: running;
}

.wd-add-btn-replace > a.added {
	--wd-btn-icon: "";
}