/* ==========================================
   CTA STYLES
   Reuse Block ID: 32
   ========================================== */

.custom-quote-bg {
	position: relative;
}

.custom-quote-bg .blogFeaturedImage:has(.cta-background) {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 1 !important;
}

.custom-quote-bg .container-1440 {
	position: relative !important;
	z-index: 2 !important;
}

.glass-card {
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	max-width: 800px;
	width: 100%;
	padding: 32px;
}

.glass-card h2 {
	max-width: 700px;
	margin: 0 auto;
}

.btn-custom-quote {
	background-color: var(--color-7) !important;
	color: #FFFBF5 !important;
	border: 1px solid var(--color-7) !important;
	line-height: var(--lh-normal);
	border-radius: 9999px !important;
	padding: 20px 30px;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.btn-custom-quote svg {
	stroke: currentColor;
	transition: transform 0.2s ease, stroke 0.2s ease;
}

@media (hover: hover) {
	.btn-custom-quote:hover {
		background-color: #FFFBF5 !important;
		color: var(--color-7) !important;
		border-color: var(--color-7) !important;
	}

	.btn-custom-quote:hover svg {
		transform: translateX(4px);
		stroke: var(--color-7) !important;
	}
}

.btn-custom-quote:active {
	transform: scale(0.97);
}