.site-content {
    position: relative;
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

.youtube-popup {
	position: fixed;
	padding: 2rem;
	bottom: 0;
	background: #524641;
	z-index: 999;
	animation: 2s ease-out 30s 1 slideInFromBottom;
	animation-fill-mode: forwards;
	color: white;
	text-align: center;
	transform: translateY(300%);
	width: 100%;
	font-size: 1.2rem;
	border-top: 1px solid #fff;

}
.youtube-popup > div {
	margin: auto;
	position: relative;
	display: inline-block;
	padding:0 3rem;
}
.youtube-popup button {
	padding: 0.6rem 1rem 0.5rem;
	color: white;
	background-color: #8bc03e;
	border: 0;
	font-size: 1.5rem;
	line-height: 1.5rem;
	border-radius: 3px;
}

.youtube-popup .close {
	background: #d87102;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 2rem;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0.2rem;
	font-size: 1rem;
	line-height: 1.5rem;
	opacity: 1;
	font-weight: normal;
}

.youtube-popup p {
	font-size: 1.2rem;
	margin-bottom: 1rem;

}

.youtube-popup.hide {
    display: none !important;
}