.floating-actions {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:100;
	pointer-events:none;
}

.floating-actions .back-to-top,
.floating-actions .floating-call {
	pointer-events:auto;
}

.back-to-top {
	width:48px;
	height:48px;
	margin-left:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	border-radius:50%;
	background:#baff52;
	color:#0d0e13;
	font-size:20px;
	box-shadow:0 6px 22px rgba(0,0,0,.22);
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	transform:translateY(12px);
	transition:opacity .25s,visibility .25s,transform .25s,background .25s;
}

.back-to-top.is-visible {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.back-to-top:hover {
	background:#d0ff88;
	transform:translateY(-3px);
}

.floating-call {
	display:none;
}

@media (max-width:760px) {
	.floating-actions {
		left:12px;
		right:12px;
		bottom:calc(12px + env(safe-area-inset-bottom, 0px));
		display:flex;
		flex-direction:column;
		align-items:flex-end;
		gap:12px;
	}

	.floating-call {
		width:100%;
		min-height:52px;
		padding:12px 20px;
		display:flex;
		align-items:center;
		justify-content:center;
		gap:12px;
		border-radius:6px;
		background:#baff52;
		color:#0d0e13;
		font-size:16px;
		font-weight:700;
		box-shadow:0 5px 18px rgba(0,0,0,.2);
		transition:background .25s;
	}

	.floating-call:hover {
		background:#d0ff88;
	}

	.floating-call i {
		font-size:17px;
	}
}

@media (prefers-reduced-motion:reduce) {
	.back-to-top,
	.floating-call {
		transition:none;
	}
}


/* Przycisk ZADZWOŃ tylko na telefonach */
@media (min-width: 761px) {
	.floating-call {
		display: none !important;
	}
}

/* Przycisk ZADZWOŃ na telefonach */
@media (max-width: 760px) {
	.floating-call {
		display: flex;
	}
}