.badge {
	z-index: 1;
	font-weight: bold;
	background-color: var(--color-white);
	border-radius: calc(infinity * 1px);
	text-align: center;
	right: 5px;
	top: 5px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
	color: var(--color-red);
	line-height: 1.2;
}

@media (width < 768px) {
	.badge {
		padding: 0.5em;
		margin-bottom: 1em;
	}
}
@media (width >= 768px) {
	.badge {
		position: absolute;
		width: 100px;
		height: 100px;
	}
	.badge .text {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translate(-50%, -50%);
		left: 50%;
	}
}