/* ==========================================================
 * 歡喜緣 立即購買 — 前台
 * Figma：主-歡喜朱紅 #7c2f29、高 54px、寬 306px、圓角 4px
 * ========================================================== */
.twh-buy-now {
	--twh-bn-bg: #7c2f29 !important;
	--twh-bn-bg-hover: #63241f !important;
	--twh-bn-color: #ffffff !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	box-sizing: border-box !important;
	width: 306px !important;
	max-width: 100% !important;
	height: 54px !important;
	margin: 0 !important;
	padding: 8px 24px !important;
	font-family: "Noto Serif TC", serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	letter-spacing: 0.08px !important;
	color: var(--twh-bn-color) !important;
	background: var(--twh-bn-bg) !important;
	border: 0 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease, opacity 0.2s ease !important;
}

.twh-buy-now:hover,
.twh-buy-now:focus {
	color: var(--twh-bn-color) !important;
	background: var(--twh-bn-bg-hover) !important;
}

.twh-buy-now:focus-visible {
	outline: 2px solid #d1a64f !important;
	outline-offset: 2px !important;
}

.twh-buy-now__icon {
	flex-shrink: 0 !important;
	width: 24px !important;
	height: 19px !important;
}

/* 送出中 */
.twh-buy-now.is-loading {
	opacity: 0.6 !important;
	pointer-events: none !important;
}

@media (max-width: 768px) {
	.twh-buy-now {
		width: 100% !important;
	}
}