/* === Etusivu-yritykselle: "Ilmoita toteutuneeksi" -napin badge === */

/* Napin pitää olla overflow:visible jotta badge ylittää reunan */
.entry-content a[href*="tarjoukset-korjaamo-hyvaksytyt"],
a.wp-block-kadence-singlebtn[href*="tarjoukset-korjaamo-hyvaksytyt"] {
	position: relative;
	overflow: visible !important;
}

/* === Etusivut: "Viestit" -napin badge === */

.entry-content a[href*="/viestit-avoimet/"],
a.wp-block-kadence-singlebtn[href*="/viestit-avoimet/"] {
	position: relative;
	overflow: visible !important;
}

/* === Kuluttajan etusivu: "Avoimet tarjouspyynnöt" -napin badge === */

.entry-content a[href*="/tarjoukset-avoimet/"],
a.wp-block-kadence-singlebtn[href*="/tarjoukset-avoimet/"] {
	position: relative;
	overflow: visible !important;
}

.hb-button-badge {
	position: absolute;
	top: -8px;
	right: -8px;
	background: #ef4444;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	min-width: 24px;
	height: 24px;
	border-radius: 12px;
	padding: 0 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	line-height: 1;
	z-index: 10;
	font-family: inherit;
	pointer-events: none;
}

a:hover .hb-button-badge {
	box-shadow: 0 3px 8px rgba(239, 68, 68, 0.4);
}