.product-status-out-of-stock::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: red; /* Change color as needed */ padding: 5px 10px; border-radius: 5px; z-index: -1; /* Place the badge slightly behind the text */ }