@keyframes contact_bubble_rise {
	0%   {transform: translateY(100px); opacity: 0;}
	100% {transform: translateY(0px); opacity: 1;}
}

@keyframes contact_bubble_reveal {
	0%   {transform: perspective(1px) translateZ(-0.5px); opacity: 0;}
	100% {transform: perspective(1px) translateZ(0px); opacity: 1;}
}

@keyframes contact_bubble_pulse {
	0%   {box-shadow: 5px 5px 5px rgba(0,0,0,0.15), 0 0 0 0 rgba(255,205,22,0.7);}
	100% {box-shadow: 5px 5px 5px rgba(0,0,0,0.15), 0 0 0 30px rgba(255,205,22,0);}
}

.contact_bubble {
	position: fixed;
	/*top: 0;*/
	bottom: 0;
	/*left: 0;*/
	right: 0;
	height: calc(100% - 60px);
	z-index: 50;
	display: flex;
	flex-direction: column-reverse;
	align-items: end;
	margin: 30px;
	pointer-events: none;
}

.contact_frame_cont {
	position: relative;
	background: #d67200;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0 0 2px #ffffff3d, 5px 5px 5px rgba(0,0,0,0.15);
	transition: 250ms;
	margin-bottom: 30px;
	pointer-events: auto;
}

.contact_bubble iframe {
	overflow: hidden;
	position: relative;
	height: 600px;
	width: 400px;
	max-height: 100%;
	max-width: 100%;
	border: none;
	display: block;
	clip-path: inset(0% 0% 0% 0% round 20px);
}

.contact_bubble.collapsed .contact_frame_cont {
	visibility: collapse;
	opacity: 0;
	transform: translateY(20px);
}

.contact_bubble_btn {
	position: relative;
	width: 70px;
	height: 70px;
	min-width: 70px;
	min-height: 70px;
	max-width: 70px;
	max-height: 70px;
	border-radius: 50%;
	background: var(--MangoOrange);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	animation: contact_bubble_rise 400ms, contact_bubble_pulse 1s 500ms;
	pointer-events: auto;
	transition: transform 200ms;
}

.contact_bubble_btn:hover {filter: brightness(0.95);}

.contact_bubble_btn::after {
	color: white;
	font-size: 25px;
	font-family: 'Icons';
	font-weight: 900;
	content: '\F659';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -48%);
}

.contact_bubble.collapsed .contact_bubble_btn::after {content: '\F258';}

/* Hide on mobile nav expand */
.mobile_nav_expand .contact_bubble_btn {transform: translateY(100px);}