.mrg-action-cta,
.guide-single-content .mrg-action-cta {
	margin-top: 2.5rem;
	padding: 2rem;
	background: var(--mrg-action-bg, var(--miele-dark));
	border-radius: 1.5rem;
	color: #ffffff;
}

.mrg-action-cta .mrg-action-cta-title,
.guide-single-content .mrg-action-cta .mrg-action-cta-title {
	margin: 0 0 0.75rem;
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--mrg-action-title-color, #ffffff);
}

.mrg-action-cta .mrg-action-cta-text,
.guide-single-content .mrg-action-cta .mrg-action-cta-text {
	margin: 0 0 1.5rem;
	color: var(--mrg-action-text-color, #9ca3af);
	line-height: 1.625;
}

.mrg-action-cta .mrg-action-cta-actions,
.guide-single-content .mrg-action-cta .mrg-action-cta-actions {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.mrg-action-cta a.mrg-action-cta-btn,
.guide-single-content .mrg-action-cta a.mrg-action-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 1rem 1.75rem;
	border-radius: 9999px;
	border: 1px solid transparent;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.mrg-action-cta a.mrg-action-cta-btn:hover .mrg-action-cta-btn-icon,
.guide-single-content .mrg-action-cta a.mrg-action-cta-btn:hover .mrg-action-cta-btn-icon {
	transform: translateX(0.25rem);
}

.mrg-action-cta a.mrg-action-cta-btn-primary,
.guide-single-content .mrg-action-cta a.mrg-action-cta-btn-primary {
	background: var(--mrg-action-primary-bg, var(--miele-red));
	color: var(--mrg-action-primary-text, #ffffff);
}

.mrg-action-cta a.mrg-action-cta-btn-primary:hover,
.guide-single-content .mrg-action-cta a.mrg-action-cta-btn-primary:hover {
	background: var(--miele-accent);
	color: var(--mrg-action-primary-text, #ffffff);
}

.mrg-action-cta a.mrg-action-cta-btn-secondary,
.guide-single-content .mrg-action-cta a.mrg-action-cta-btn-secondary {
	background: var(--mrg-action-secondary-bg, rgba(255, 255, 255, 0.1));
	color: var(--mrg-action-secondary-text, #ffffff);
	border-color: var(--mrg-action-secondary-border, rgba(255, 255, 255, 0.2));
}

.mrg-action-cta a.mrg-action-cta-btn-secondary:hover,
.guide-single-content .mrg-action-cta a.mrg-action-cta-btn-secondary:hover {
	background: rgba(255, 255, 255, 0.2);
	color: var(--mrg-action-secondary-text, #ffffff);
}

.mrg-action-cta .mrg-action-cta-btn-icon,
.guide-single-content .mrg-action-cta .mrg-action-cta-btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.mrg-action-cta .mrg-action-cta-btn-icon svg,
.guide-single-content .mrg-action-cta .mrg-action-cta-btn-icon svg {
	width: 1rem;
	height: 1rem;
}

@media (min-width: 640px) {
	.mrg-action-cta .mrg-action-cta-actions,
	.guide-single-content .mrg-action-cta .mrg-action-cta-actions {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

@media (min-width: 1024px) {
	.mrg-action-cta,
	.guide-single-content .mrg-action-cta {
		padding: 2.5rem;
	}
}
