/* ==================================================
   AIRVENTURE PREMIUM FLOATING ACTIONS
================================================== */

.dr1064floatingbuttons{
	position:relative;
	z-index:99999;
}

/* ==================================================
   WRAPPER
================================================== */

.dr1064floatingbuttons .floating-buttons{
	position:fixed;
	right:28px;
	bottom:30px;
	display:flex;
	flex-direction:column;
	gap:16px;
	align-items:flex-end;
}

/* ==================================================
   BUTTON BASE
================================================== */

.dr1064floatingbuttons .fab-btn{
	position:relative;

	width:68px;
	height:68px;

	display:flex;
	align-items:center;
	justify-content:center;

	border:none;
	cursor:pointer;
	text-decoration:none;

	border-radius:22px;

	color:#ffffff;

	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.16) 0%,
			rgba(255,255,255,.04) 100%
		);

	backdrop-filter:blur(18px);
	-webkit-backdrop-filter:blur(18px);

	border:
		1px solid rgba(255,255,255,.12);

	box-shadow:
		0 25px 50px rgba(0,0,0,.35),
		inset 0 1px 0 rgba(255,255,255,.18),
		inset 0 -3px 8px rgba(0,0,0,.25);

	transition:all .35s ease;

	overflow:hidden;
}

/* ==================================================
   GLOSSY TOP LIGHT
================================================== */

.dr1064floatingbuttons .fab-btn::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:50%;

	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.30),
			rgba(255,255,255,0)
		);

	pointer-events:none;
}

/* ==================================================
   ENGINEERING GLOW
================================================== */

.dr1064floatingbuttons .fab-btn::after{
	content:"";
	position:absolute;
	inset:-2px;
	border-radius:24px;

	border:
		1px solid rgba(56,217,255,.25);

	box-shadow:
		0 0 18px rgba(56,217,255,.15);

	pointer-events:none;
}

/* ==================================================
   ICON
================================================== */

.dr1064floatingbuttons .fab-btn .icon{
	font-size:24px;

	display:flex;
	align-items:center;
	justify-content:center;

	text-shadow:
		0 0 10px rgba(255,255,255,.35);
}

/* ==================================================
   LABEL
================================================== */

.dr1064floatingbuttons .fab-btn .label{
	position:absolute;

	right:85px;
	top:50%;

	transform:
		translateY(-50%)
		translateX(15px);

	padding:12px 18px;

	background:
		rgba(7,26,46,.95);

	border:
		1px solid rgba(56,217,255,.18);

	border-radius:50px;

	font-size:13px;
	font-weight:700;

	white-space:nowrap;

	color:#ffffff;

	opacity:0;
	visibility:hidden;

	box-shadow:
		0 15px 35px rgba(0,0,0,.35);

	transition:.3s ease;
}

.dr1064floatingbuttons .fab-btn:hover .label{
	opacity:1;
	visibility:visible;

	transform:
		translateY(-50%)
		translateX(0);
}

/* ==================================================
   HOVER
================================================== */

.dr1064floatingbuttons .fab-btn:hover{
	transform:
		translateY(-8px)
		scale(1.08);

	box-shadow:
		0 35px 70px rgba(0,0,0,.45),
		0 0 30px rgba(56,217,255,.20),
		inset 0 1px 0 rgba(255,255,255,.20);
}

/* ==================================================
   ACTIVE
================================================== */

.dr1064floatingbuttons .fab-btn:active{
	transform:scale(.95);
}

/* ==================================================
   WHATSAPP
================================================== */

.dr1064floatingbuttons .fab-btn.whatsapp{
	background:
		linear-gradient(
			145deg,
			#00B14F,
			#00D66B
		);
}

/* ==================================================
   PHONE
================================================== */

.dr1064floatingbuttons .fab-btn.phone{
	background:
		linear-gradient(
			145deg,
			#0094FF,
			#00C6FF
		);
}

/* ==================================================
   SHARE
================================================== */

.dr1064floatingbuttons .fab-btn.share{
	background:
		linear-gradient(
			145deg,
			#0F2745,
			#174B83
		);
}

/* ==================================================
   TOP BUTTON
================================================== */

.dr1064floatingbuttons .fab-btn.top{
	background:
		linear-gradient(
			145deg,
			#071A2E,
			#0F3357
		);
}

/* ==================================================
   FLOATING ANIMATION
================================================== */

.dr1064floatingbuttons .fab-btn{
	animation:airventureFloat 4s ease-in-out infinite;
}

@keyframes airventureFloat{

	0%,100%{
		transform:translateY(0);
	}

	50%{
		transform:translateY(-5px);
	}
}

/* ==================================================
   PULSE RING
================================================== */

.dr1064floatingbuttons .whatsapp{
	box-shadow:
		0 0 0 rgba(0,214,107,.5);
	animation:
		airventureFloat 4s ease-in-out infinite,
		airventurePulse 2.5s infinite;
}

@keyframes airventurePulse{

	0%{
		box-shadow:
			0 0 0 0 rgba(0,214,107,.45);
	}

	70%{
		box-shadow:
			0 0 0 20px rgba(0,214,107,0);
	}

	100%{
		box-shadow:
			0 0 0 0 rgba(0,214,107,0);
	}
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width:768px){

	.dr1064floatingbuttons .floating-buttons{
		right:14px;
		bottom:18px;
		gap:10px;
	}

	.dr1064floatingbuttons .fab-btn{
		width:58px;
		height:58px;
		border-radius:18px;
	}

	.dr1064floatingbuttons .fab-btn .icon{
		font-size:20px;
	}

	.dr1064floatingbuttons .fab-btn .label{
		display:none;
	}
}