/* Floating call to action (crm/floatcta/floatcta.php). Above the page and the fixed header. */
.lotto_crm_floatcta {
	position: fixed;
	z-index: 9000;
	right: 24px;
	bottom: 24px;
	bottom: calc(24px + env(safe-area-inset-bottom, 0px));
	display: flex;
	max-width: calc(100vw - 48px);
}

/* The theme's button, as the CTA block in the post text (crm/content/content.css). */
.lotto_crm_floatcta a.lotto_crm_floatcta_button {
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: var(--theme-font-button_font-family);
	font-size: var(--theme-font-button_font-size);
	font-weight: var(--theme-font-button_font-weight);
	font-style: var(--theme-font-button_font-style);
	line-height: var(--theme-font-button_line-height);
	text-transform: var(--theme-font-button_text-transform);
	letter-spacing: var(--theme-font-button_letter-spacing);
	text-decoration: none;
	text-align: center;
	padding: var(--theme-font-button_padding);
	border: var(--theme-font-button_border-width) solid var(--theme-font-button_border-color, var(--theme-color-link));
	border-radius: var(--theme-font-button_border-radius);
	color: var(--theme-font-button_color, var(--theme-color-bg_color));
	background-color: var(--theme-font-button_background-color, var(--theme-color-link));
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.lotto_crm_floatcta a.lotto_crm_floatcta_button:hover,
.lotto_crm_floatcta a.lotto_crm_floatcta_button:focus {
	color: var(--theme-font-button_color-hover, var(--theme-color-bg_color));
	border-color: var(--theme-font-button_border-color-hover, var(--theme-color-hover));
	background-color: var(--theme-font-button_background-color-hover, var(--theme-color-hover));
}

/* Hidden while the header's mobile menu is open (its script sets this class on <body>): the
   panel sits in the header's stacking context, so a z-index alone does not put it above. */
body.trx-addons-scroll-disabled .lotto_crm_floatcta {
	display: none;
}

/* Phones: a bar along the bottom edge, the button across it; the page keeps that much room
   at its end so the bar does not cover the footer's last line. */
@media (max-width: 767px) {
	.lotto_crm_floatcta {
		left: 0;
		right: 0;
		bottom: 0;
		max-width: none;
		padding: 10px 16px;
		padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
		background-color: var(--theme-color-bg_color_2, #1f1d35);
		box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
	}
	.lotto_crm_floatcta a.lotto_crm_floatcta_button {
		display: block;
		width: 100%;
		box-shadow: none;
	}
	body.lotto_crm_floatcta_on {
		padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
	}
}