@charset "utf-8";


.l-floating {
	position: fixed;
	bottom: 30px;
	right: 100px;
	z-index: 100;
	@media (max-width: 768px) {
		width: 100%;
		right: 0;
		display: flex;
		justify-content: flex-end;
		bottom: 70px;
		margin: 0 10px;
	}
}

.l-floating-btn {
	background: rgba(11, 56, 116, 0.8);
	backdrop-filter: blur(10px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 200px;
	width: 360px;
	height: 70px;
	color: #fff;
	font-size: 18px;
	transition: all 0.3s ease;
	@media (max-width: 768px) {
		width: fit-content;
		padding: 0 30px;
		font-size: 14px;
		height: 50px;
	}
	&:hover {
		background: rgb(2, 30, 67);
	}
}