#fixed-calls-to-action {
	position: fixed;
	left: 5px;
	bottom: 5px;
	z-index: 9999999999;
	transition: transform 0.5s ease-in-out;
}

#fixed-calls-to-action #drag-btn:hover {
	cursor: grab;
}

#fixed-calls-to-action.cta-hidden {
	transform: translateX(-73%);
	-webkit-transform: translateX(-73%);
	-moz-transform: translateX(-73%);
	-ms-transform: translateX(-73%);
	-o-transform: translateX(-73%);
}

#fixed-calls-to-action .ctn {
	display: inline-flex;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 3px;
	border-radius: 3px;
	flex-direction: column;
}

#fixed-calls-to-action .ctn a {
	color: #FFFFFF !important;
	background-color: rgba(240,98,27,1);
	font-size: 13px;
	font-weight: 600;
	padding: 5px 15px;
	margin: 5px;
	border-radius: 3px;
	transition: all 0.25s ease-in-out;
	text-decoration: none;
}

#fixed-calls-to-action .ctn a:hover,
#fixed-calls-to-action .ctn a:focus {
	background-color: rgba(240,98,27,0.95);
	outline: 2px solid #FFFFFF;
}

#toggle-btn, #drag-btn {
	background-color: rgba(240,98,27,1);
	color: white;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 3px;
	transition: transform 0.5s ease-in-out;
	margin-top: 5px;
}

#toggle-btn i, #drag-btn i {
	transition: transform 0.5s ease-in-out;
}

#toggle-btn.cta-hidden i {
	transform: rotate(180deg);
}

#toggle-btn:focus, #drag-btn:focus {
	outline: 2px solid #FFFFFF;
}

/* Media query para pantallas pequeñas */
@media only screen and (max-width : 768px) {
	#fixed-calls-to-action {
		left: 5px;
		bottom: 5px;
	}
}