.btnPopUp-Video {
		display: flex;
		justify-content: center;
		align-items: center;
}
.btnPopUp-Video .btn{
		appearance: button;
		color: rgb(255, 255, 255);
		cursor: pointer;
		position: relative;
		text-transform: uppercase;
		width: 220px;
		background: var(--btn-principal-color) none repeat scroll 0% 0% / auto padding-box border-box;
		border-radius: 23.5px;
		font: 900 14px / 48px Lato, sans-serif;
		transition: all 0.2s linear 0s;
		text-align: center;
}
.btnPopUp-Video .btn:hover {
		color: var(--btn-principal-color);
		box-shadow: 0 0 0 2px var(--btn-principal-color) inset;
		background: white !important;
}
.btnPopUp-Video .btn i {
		bottom: 9px;
		display: block;
		position: absolute;
		right: 78%;
		top: 7px;
		width: 32px;
		background: #fff;
		border-radius: 100%;
}
.btnPopUp-Video .btn i:before {
		background-position: 50% 50%; 
		content: '';
		display: block;
		filter: invert(0.16) sepia(0.64) saturate(0.23) hue-rotate(2deg) brightness(0.3) contrast(0.95);
		height: 32px;
		background: rgba(0, 0, 0, 0) url(https://5673075.fs1.hubspotusercontent-na1.net/hubfs/5673075/NucleusHR_June2022/play.b4e07c51.svg) no-repeat scroll 50% 50% / 10px padding-box border-box;
}

.btnPopUp-Video .myNav-overlay {
		background: rgba(255, 255, 255, 0.8);
		width: 0%;
		height: 100%;
		left: 0;
		top: 0;
		overflow-x: hidden;
		z-index: 1;
		position: fixed;
		overflow: hidden;
}

.btnPopUp-Video .myNav-overlay::-webkit-scrollbar {
		display: none;
}
.btnPopUp-Video .myNav-interior{ 
		border-radius: 9px;
		padding: 3%;
		background: white;
		position: relative;
		width: 70%;
		height: 90%;
		left: 15%;
		right: 15%;
		top: 5%;
		z-index: 9999999999;
}

.btnPopUp-Video .myNav-overlayContent {
		position: relative;
		width: 98%;
		text-align: center;
		margin: 1%;
		height: 100%;
}
.btnPopUp-Video .myNav-overlayContent iframe{
		width: 100%;
		height: 100%;
}

.btnPopUp-Video .myNav-overlay a {
		text-decoration: none;
		display: block;
}

.btnPopUp-Video .myNav-overlay .myNav-closebtn {
		position: absolute;
		top: 0.1%;
		right: 2%;
		z-index: 9;
		cursor: pointer;
		font: 60px bold;
}

@media screen and (max-height: 450px) {
		.btnPopUp-Video .myNav-overlay a {font-size: 20px}
		.btnPopUp-Video .myNav-overlay .myNav-closebtn {
				font-size: 40px;
				top: 15px;
				right: 35px;
		}
}