/* =========================
   Blob Button
========================= */

.blob-button .elementor-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;

	padding: 0.95rem 1.8rem 0.9rem;
	min-height: 3.75rem;
	line-height: 1;
	vertical-align: middle;

	overflow: hidden;
	border-radius: 999px;

	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;

	color: var(--e-global-color-text);
	z-index: 1;
	isolation: isolate;
	transition: color 0.3s ease;
}

/* Inhoud boven de blob */
.blob-button .elementor-button .elementor-button-content-wrapper,
.blob-button .elementor-button .elementor-button-text,
.blob-button .elementor-button .elementor-button-icon {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	color: inherit;
}

/* Blob circle */
.blob-button .elementor-button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) scale(1);

	width: 3.75rem;
	height: 3.75rem;

	background: var(--e-global-color-accent);
	border-radius: 50%;

	z-index: 1;
	pointer-events: none;

	transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}

/* Hover expand */
.blob-button .elementor-button:hover::before {
	transform: translateY(-50%) scale(18);
}

/* Hover text color */
.blob-button .elementor-button:hover {
	color: var(--e-global-color-text);
}