.kv-video-cta-bubble {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #04b41e;
	color: white;
	position: fixed;
	width: 225px;
	height: 50px;
	z-index: 99;
	border-radius: 50px;
	bottom: -500px;
	transition: bottom 1s ease 0s; 
	left: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	box-shadow: 0px 0px 4px 0px #015a0e;
}

.kv-video-cta-bubble.visible {
	bottom: 20px;
}

.kv-video-cta-bubble p {
	margin: 0px;
}

.kv-video-bubble {
	filter: brightness(.75);
}

.kv-video-bubble.playing {
	filter: brightness(1);
}

.kv-video-bubble {
	position: fixed;
	width: 225px;
	height: 225px;
	z-index: 99;
	bottom: -500px;
	transition: bottom 1s ease 0s;
	left: 20px;
}

.kv-video-bubble.visible {
	bottom: 90px;
}

.kv-video-bubble-video {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 0px 10px 0px #83797b;
}

.kv-video-bubble-controls {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99;
	bottom: 0px;
	left: 0px;
	border-radius: 50%;
	position: absolute;
}
.kv-video-bubble.playing .kv-video-bubble-play {
	display: none;
}
.kv-video-bubble-controls .kv-video-bubble-pause {
	display: none;
}
.kv-video-bubble.playing:hover .kv-video-bubble-pause {
	display: block;
}
.kv-video-bubble .kv-video-bubble-close {
	display: flex;
	position: absolute;
	top: 0;
	left: -10px;
	width: 25px;
	opacity: .5;
	background-color: white;
	border-radius: 50%;
	padding: 5px;
}
@media only screen and (max-width: 1024px) {
  .kv-video-bubble {
		width: 175px;
		height: 175px;
	}
	.kv-video-cta-bubble {
		width: 175px;
	}
}
@media only screen and (max-width: 481px) {
  .kv-video-bubble {
	  width: 150px;
	  height: 150px;
	  bottom: -500px;
	  left: 15px;
  }
  	.kv-video-bubble.visible {
		bottom: 75px;
	}
	
  .kv-video-cta-bubble {
	width: 150px;
	height: 40px;
  }
  
  .kv-video-cta-bubble {
  	bottom: -500px;
  	left: 15px;
  }
  
  .kv-video-cta-bubble.active {
	bottom: 15px;
  }

}