.elementor-element #custom-coupon-code-button,
#custom-coupon-code-button {
	cursor: pointer;
}

.elementor-element #custom-coupon-code-button:hover,
#custom-coupon-code-button:hover {
	cursor: pointer;
}

.altera-homepage-coupon-button__status {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin-left: 0.65rem;
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1;
	vertical-align: middle;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	border: 1px solid transparent;
}

.is-applying .altera-homepage-coupon-button__status::before {
	content: '';
	width: 1em;
	height: 1em;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: altera-homepage-coupon-spin 0.7s linear infinite;
}

.is-applying .altera-homepage-coupon-button__status {
	background: #f3f4f6;
	border-color: #d1d5db;
	color: #1f2937;
}

.is-applied .altera-homepage-coupon-button__status::before {
	content: '✓';
}

.is-applied .altera-homepage-coupon-button__status {
	background: #dcfce7;
	border-color: #86efac;
	color: #166534;
	box-shadow: 0 4px 12px rgba(22, 101, 52, 0.12);
}

.is-pending .altera-homepage-coupon-button__status::before {
	content: '✓';
}

.is-pending .altera-homepage-coupon-button__status {
	background: #ecfeff;
	border-color: #67e8f9;
	color: #155e75;
	box-shadow: 0 4px 12px rgba(21, 94, 117, 0.12);
}

.is-error .altera-homepage-coupon-button__status::before {
	content: '!';
}

.is-error .altera-homepage-coupon-button__status {
	background: #fef2f2;
	border-color: #fca5a5;
	color: #991b1b;
}

@keyframes altera-homepage-coupon-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}