.hello-autocoupon-buttons {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin-top: 10px;
	width: 100%;
	box-sizing: border-box;
}

.hello-autocoupon-btn {
	width: auto !important;
	max-width: 100%;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 8px 16px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	white-space: nowrap;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 8px !important;
	border: 1px solid #000e5a !important;
	background-color: #000e5a !important;
	color: #fff !important;
}

body .hello-autocoupon-btn:hover:not(:disabled),body.page-id-7 .elementor-7 .hello-autocoupon-btn:hover:not(:disabled) {
	background-color: #6ec1e4 !important;
	border-color: #6ec1e4 !important;
	color: #fff !important;
}

.hello-autocoupon-btn:disabled,
.hello-autocoupon-btn[aria-disabled="true"] {
	opacity: 0.55;
	cursor: not-allowed;
}

/* Cart coupon row is flex nowrap — put the stack on the next line. Button look stays the same. */
.woocommerce-cart .form-row.coupon-col {
	flex-wrap: wrap !important;
}

.woocommerce-cart .hello-autocoupon-buttons {
	flex: 1 0 100%;
	width: 100%;
	margin-top: 8px;
	align-items: center;
}

.woocommerce-checkout .hello-autocoupon-buttons {
	margin-bottom: 20px;
	align-items: center;
}