Money back & Limited stock

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Items Left Badge</title>
<style>
.unique-body-Xyz123 {
  font-family: Arial, sans-serif;
  background-color: #f9f9f9;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

.unique-container-Abc456 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px; /* Badge'ler arasındaki boşluk */
}

.unique-badge-Def789 {
  display: inline-flex;
  align-items: center;
  background-color: #e0ffd8; /* Çok açık yeşil arka plan */
  color: #004d00; /* Koyu yeşil metin */
  padding: 2px 4px; /* Küçültülmüş padding */
  border-radius: 3px; /* Küçültülmüş yuvarlama */
  font-size: 10px; /* Küçültülmüş font boyutu */
  font-weight: bold;
  text-align: center;
  position: relative;
}

.unique-badge-Ghi012 {
  display: inline-flex;
  align-items: center;
  background-color: #ffdede; /* Açık kırmızı arka plan */
  color: #b22222; /* Koyu kırmızı metin */
  padding: 2px 4px; /* Küçültülmüş padding */
  border-radius: 3px; /* Küçültülmüş yuvarlama */
  font-size: 10px; /* Küçültülmüş font boyutu */
  font-weight: bold;
  text-align: center;
  position: relative;
}

.unique-icon-Jkl345 {
  width: 12px; /* Küçültülmüş ikon boyutu */
  height: 12px; /* Küçültülmüş ikon boyutu */
  margin-right: 2px;
  vertical-align: middle;
}

.unique-badge-Def789 span, .unique-badge-Ghi012 span {
  display: flex;
  align-items: center;
  white-space: nowrap; /* Metinlerin tek satırda kalmasını sağlar */
}

@keyframes unique-rotate-Mno678 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.unique-clock-hand-Pqr901 {
  transform-origin: 50% 50%;
  animation: unique-rotate-Mno678 2s linear infinite;
}
</style>
</head>
<body class="unique-body-Xyz123">

<div class="unique-container-Abc456">
  <div class="unique-badge-Def789">
    <span>
      <svg class="unique-icon-Jkl345" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path fill="#004d00" d="M12 2C9.24 2 7 4.24 7 7V10H5C3.9 10 3 10.9 3 12V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V12C21 10.9 20.1 10 19 10H17V7C17 4.24 14.76 2 12 2M12 4C13.66 4 15 5.34 15 7V10H9V7C9 5.34 10.34 4 12 4M12 12C13.1 12 14 12.9 14 14C14 15.1 13.1 16 12 16C10.9 16 10 15.1 10 14C10 12.9 10.9 12 12 12Z"/>
      </svg>
      30-day money back guarantee.
    </span>
  </div>

  <div class="unique-badge-Ghi012">
    <span>
      <svg class="unique-icon-Jkl345" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <circle cx="12" cy="12" r="10" stroke="#b22222" stroke-width="2" fill="none"/>
        <line x1="12" y1="12" x2="12" y2="6" stroke="#b22222" stroke-width="2" class="unique-clock-hand-Pqr901"/>
        <line x1="12" y1="12" x2="16" y2="12" stroke="#b22222" stroke-width="2"/>
      </svg>
      Limited stock available!
    </span>
  </div>
</div>
</body>
</html>