/* CTA Danaci. Dùng biến của theme nếu có, không thì dùng màu mặc định. */
.danaci-cta {
	--_accent: var(--dn-accent, #e8612c);
	--_ink: var(--dn-ink, #10232e);
	--_soft: var(--dn-accent-soft, #fff1ea);
	margin: 2rem 0;
	font-family: inherit;
}
.danaci-cta--inline {
	padding: .9rem 1.1rem;
	border-left: 4px solid var(--_accent);
	background: var(--_soft);
	border-radius: 0 10px 10px 0;
	line-height: 1.5;
}
.danaci-cta--inline .danaci-cta__kicker {
	display: inline-block;
	margin-right: .35rem;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--_accent);
}
.danaci-cta--inline a {
	font-weight: 600;
	color: var(--_ink);
	text-decoration: underline;
	text-decoration-color: var(--_accent);
	text-underline-offset: 3px;
}
.danaci-cta--box {
	padding: 1.75rem;
	border-radius: 16px;
	color: #fff;
	background:
		radial-gradient(120% 140% at 100% 0%, rgba(255, 173, 96, .35), transparent 55%),
		linear-gradient(135deg, #0d3b52, #0a5f73);
}
.danaci-cta--box p { margin: 0; }
.danaci-cta--box .danaci-cta__kicker {
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #ffc79a;
}
.danaci-cta--box .danaci-cta__title {
	margin-top: .4rem;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.3;
}
.danaci-cta--box .danaci-cta__text {
	margin-top: .6rem;
	opacity: .88;
	line-height: 1.6;
}
.danaci-cta--box .danaci-cta__button {
	display: inline-block;
	margin-top: 1.1rem;
	padding: .75rem 1.3rem;
	border-radius: 999px;
	background: var(--_accent);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease;
}
.danaci-cta--box .danaci-cta__button:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
}
.danaci-cta--box .danaci-cta__by {
	margin-top: .8rem;
	font-size: .8rem;
	opacity: .65;
}
