Buy 3 Pay 2

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modern Badge Design</title>
<style>
.unique-badge-container-A1B2C3 {
  display: flex;
  gap: 10px;
  font-family: Arial, sans-serif;
}

.unique-badge-D4E5F6 {
  display: flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: bold;
  transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
  cursor: pointer;
}

.unique-badge-D4E5F6:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.unique-coupon-badge-G7H8I9 {
  background-color: #C8E6C9; /* Açık Yeşil */
  color: #388E3C;
  opacity: 0.8; /* Yarı transparanlık */
}

.unique-three-for-two-badge-J1K2L3 {
  background-color: #f0f0f0; /* #fafafa'nın bir ton koyusu */
  color: #666666; /* Daha koyu bir gri ton */
}
</style>
</head>
<body class="unique-body-V4W5X6">

<div class="unique-badge-container-A1B2C3">
  <div class="unique-badge-D4E5F6 unique-coupon-badge-G7H8I9">
    Coupon Deal
  </div>
  <div class="unique-badge-D4E5F6 unique-three-for-two-badge-J1K2L3">
    Buy 3 Pay 2
  </div>
</div>

</body>
</html>