/* Live CB revealed state: dashed box with FULL code visible, Get Code hidden. */
.container-codes .get-code.is-revealed,
.container-index .cl .get-code.is-revealed,
.get-code.is-revealed {
	overflow: visible !important;
}

.container-codes .get-code.is-revealed a,
.container-index .cl .get-code.is-revealed a,
.get-code.is-revealed a {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.container-codes .get-code.is-revealed > span,
.container-index .cl .get-code.is-revealed > span,
.get-code.is-revealed > span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: auto !important;
	height: auto !important;
	padding: 0 6px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	border: dashed 2px #2fc2a9 !important;
	border-radius: 5px !important;
	background: #fff !important;
	color: #2fc2a9 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.3px !important;
	text-align: center !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 5 !important;
}

.first-coupon .get-code.is-revealed > span,
.container-codes .first-coupon .get-code.is-revealed > span {
	border-color: #f75f5e !important;
	color: #f75f5e !important;
}

body.cb-code-popup-open {
	overflow: hidden;
}