/*
 * Correções externas para o popup colado no Elementor.
 * O !important garante precedência sobre o CSS antigo presente no Widget HTML.
 */
#bbs-course-modal .bbs-course-modal__close {
	display: block !important;
	padding: 0 !important;
	overflow: hidden !important;
	font-size: 0 !important;
	line-height: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

#bbs-course-modal .bbs-course-modal__close::before,
#bbs-course-modal .bbs-course-modal__close::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	display: block !important;
	width: 15px !important;
	height: 2px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: currentColor !important;
	transform-origin: center !important;
}

#bbs-course-modal .bbs-course-modal__close::before {
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

#bbs-course-modal .bbs-course-modal__close::after {
	transform: translate(-50%, -50%) rotate(-45deg) !important;
}