/* Modern Appointment Button – Lancing Pharmacy Elementor Widgets */

.lap-btn-wrap {
	display: block;
	width: 100%;
}

.lap-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
	isolation: isolate;
	text-decoration: none;
	line-height: 1.2;
	cursor: pointer;
	border: 0 solid transparent;
	-webkit-tap-highlight-color: transparent;
	transition:
		transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
		box-shadow 0.35s ease,
		background-color 0.3s ease,
		color 0.3s ease,
		border-color 0.3s ease;
}

/* Soft light that follows the pointer (position set by JS). */
.lap-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(circle at var(--lap-x, 50%) var(--lap-y, 50%), rgba(255, 255, 255, 0.28), transparent 60%);
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.lap-btn:hover::before,
.lap-btn:focus-visible::before {
	opacity: 1;
}

.lap-btn:hover {
	transform: translateY(-2px);
}

.lap-btn:active {
	transform: translateY(0);
}

.lap-btn:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

.lap-btn--icon-before {
	flex-direction: row;
}

.lap-btn__icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.lap-btn__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.lap-btn--icon-after:hover .lap-btn__icon {
	transform: translateX(4px);
}

.lap-btn--icon-before:hover .lap-btn__icon {
	transform: translateX(-4px);
}

/* Full width */
.lap-btn-fullwidth-yes .lap-btn {
	display: flex;
	width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	.lap-btn,
	.lap-btn::before,
	.lap-btn__icon {
		transition: none !important;
	}

	.lap-btn:hover,
	.lap-btn:hover .lap-btn__icon {
		transform: none !important;
	}
}