/* PLMR Core: Glass button (Button widget > Style > PLMR Glass). Based on the frosted pill style. */
/* Style presets. Panel settings, when filled in, override these (they're set on the button itself). */
.plmr-glass-yes {
	--plmr-glass-tint: rgba(22, 22, 24, 0.4);
	--plmr-glass-tint-hover: rgba(22, 22, 24, 0.25);
	--plmr-glass-blur: 16px;
	--plmr-glass-saturate: 190%;
	--plmr-glass-edge: 30;
}
.plmr-glass-yes.plmr-glass-style-light {
	--plmr-glass-tint: rgba(255, 255, 255, 0.14);
	--plmr-glass-tint-hover: rgba(255, 255, 255, 0.24);
	--plmr-glass-blur: 6px;
	--plmr-glass-saturate: 130%;
	--plmr-glass-edge: 55;
}
.plmr-glass-yes .elementor-button {
	position: relative;
	isolation: isolate;
	background-color: var(--plmr-glass-tint) !important;
	background-image: none !important;
	border-color: transparent !important;
	-webkit-backdrop-filter: blur(var(--plmr-glass-blur)) saturate(var(--plmr-glass-saturate));
	backdrop-filter: blur(var(--plmr-glass-blur)) saturate(var(--plmr-glass-saturate));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, calc(var(--plmr-glass-edge) / 100)),
		inset 0 -1px 0 rgba(255, 255, 255, calc(var(--plmr-glass-edge) / 600)),
		0 4px 14px rgba(0, 0, 0, 0.2) !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.plmr-glass-yes .elementor-button:hover,
.plmr-glass-yes .elementor-button:focus-visible {
	background-color: var(--plmr-glass-tint-hover) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, calc(var(--plmr-glass-edge) / 70)),
		inset 0 -1px 0 rgba(255, 255, 255, calc(var(--plmr-glass-edge) / 600)),
		0 10px 24px rgba(0, 0, 0, 0.24) !important;
}
.plmr-glass-lift-yes .elementor-button:hover {
	transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
	.plmr-glass-lift-yes .elementor-button:hover {
		transform: none;
	}
}