/**
 * Imported HubSpot CTA links — plain + custom presets.
 * Elementor preset on the front end uses theme/Elementor global button CSS.
 * Admin importer preview: Elementor kit + frontend CSS when available; else see admin-cta-elementor-fallback.css.
 */

.dev-import-cta-wrap {
	margin: 1rem 0;
}

.dev-import-cta--plain {
	display: inline-block;
	padding: 0.5rem 1.25rem;
	border: 1px solid currentColor;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 1.2;
	transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.dev-import-cta--plain:hover,
.dev-import-cta--plain:focus {
	opacity: 0.92;
	text-decoration: none;
}

/* Custom preset: driven by --hi-cta-* from settings (falls back if vars unset). */
.dev-import-cta--custom {
	display: inline-block;
	box-sizing: border-box;
	background: var(--hi-cta-bg, #c9a962);
	color: var(--hi-cta-color, #fff);
	padding: var(--hi-cta-pad-y, 16px) var(--hi-cta-pad-x, 45px);
	border-radius: var(--hi-cta-radius, 3px);
	text-decoration: none;
	font-weight: 200;
	font-size: 1.125rem;
	text-transform: uppercase;
	line-height: 1;
	transition: all 0.3s ease;
	border: none;
}

.dev-import-cta--custom:hover,
.dev-import-cta--custom:focus {
	filter: brightness(1.05);
	text-decoration: none;
	color: var(--hi-cta-color, #fff);
}

/* Minimal fallback if Elementor globals are missing but classes are present. */
.dev-import-cta-wrap .elementor-button {
	display: inline-block;
	text-decoration: none;
	transition: all 0.3s ease;
}

.dev-import-cta--no-link {
	display: inline-block;
	cursor: help;
	padding: 0.35em 0.75em;
	border: 1px dashed #c3c4c7;
	color: #50575e;
	font-size: 0.95em;
}