.cpr-ribbon {
	position: fixed;
	z-index: 9999;
	width: 200px;
	text-align: center;
	background: var(--cpr-bg);
	color: var(--cpr-color);
	font-weight: 600;
	padding: 8px 0;
	transform: rotate(45deg);
}

.cpr-ribbon span {
	display: block;
}

.cpr-top-right {
	top: 25px;
	right: -50px;
}

.cpr-top-left {
	top: 25px;
	left: -50px;
	transform: rotate(-45deg);
}

.cpr-bottom-right {
	bottom: 25px;
	right: -50px;
transform: rotate(-45deg);
}

.cpr-bottom-left {
	bottom: 25px;
	left: -50px;
	
}