.sm-buy-button-wrap {
	display: block;
	flex: 1 1 100% !important;
	align-self: stretch !important;
	width: 100% !important;
	max-width: none !important;
}

.sm-buy-button {
	appearance: none;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: none !important;
	height: 48px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 12px 52px !important;
	border: 0 !important;
	border-radius: 30px !important;
	box-sizing: border-box;
	box-shadow: none !important;
	background-image: none !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap;
	direction: rtl;
	overflow: hidden;
	cursor: pointer;
	transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease;
}

.elementor-element:has(> .elementor-widget-container .sm-buy-button-wrap),
.elementor-element:has(> .sm-buy-button-wrap),
.elementor-widget-shortcode:has(.sm-buy-button-wrap),
.elementor-widget-shortcode:has(.sm-buy-button-wrap) > .elementor-widget-container,
.elementor-widget-shortcode:has(.sm-buy-button-wrap) .elementor-shortcode {
	--width: 100%;
	flex: 1 1 100% !important;
	align-self: stretch !important;
	width: 100% !important;
	max-width: none !important;
}

.sm-buy-button__icon {
	position: absolute !important;
	top: 50% !important;
	right: 20px !important;
	display: block !important;
	width: 20px;
	height: 20px;
	margin: 0 !important;
	transform: translateY(-50%) !important;
	background-color: currentColor;
	-webkit-mask: url("/wp-content/uploads/2025/05/shopping-cart.svg") center / contain no-repeat;
	mask: url("/wp-content/uploads/2025/05/shopping-cart.svg") center / contain no-repeat;
}

.sm-buy-button__text {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	color: inherit !important;
	line-height: 1 !important;
	text-align: center !important;
}

.sm-buy-button--ready {
	background: #ffdb2b !important;
	color: #040410 !important;
}

.sm-buy-button--ready:hover,
.sm-buy-button--ready:focus-visible {
	background: #ffdb2b !important;
	color: #040410 !important;
}

.sm-buy-button--loading {
	background: #ffdb2b !important;
	color: #040410 !important;
	cursor: wait;
	opacity: 0.76;
}

.sm-buy-button--added {
	background: #f5f5f5 !important;
	color: #040410 !important;
}

.sm-buy-button--success,
.sm-buy-button--success:hover,
.sm-buy-button--success:focus-visible {
    background: #35c055 !important;
    color: #040410 !important;
}

.sm-buy-button--added:hover,
.sm-buy-button--added:focus-visible {
	background: #f5f5f5 !important;
	color: #040410 !important;
}

.sm-buy-button--unavailable,
.sm-buy-button--error {
	background: #f74440 !important;
	color: #fff !important;
}

.sm-buy-button--unavailable:disabled {
	opacity: 1;
	cursor: not-allowed;
}

.sm-buy-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.sm-buy-button-notice {
	margin: 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: #f74440;
	color: #fff;
}

@media (max-width: 767px) {
	.sm-buy-button {
		height: 44px !important;
		min-height: 44px !important;
		padding: 10px 46px !important;
		font-size: 14px !important;
	}

	.sm-buy-button__icon {
		right: 16px !important;
		width: 18px;
		height: 18px;
	}
}