.ribbon-wrapper {
  position: relative;
  display: inline-block;
}

.ribbon {
  position: absolute;
  z-index:999;
  top: 28px; /* Espace plus grand du haut */
  right: -43px; /* Décalage plus grand à droite */
  background: #0A0A1E; /* Couleur du ruban */
  color: #a10606;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
  padding: 10px 25px; /* Padding plus grand */
  font-size: 20px; /* Taille de police plus grande */
  font-weight: bold;
  transform: rotate(45deg); /* Inverse l'angle pour que le ruban pointe vers la droite */
  text-transform: uppercase;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

.ribbon::before, .ribbon::after {
  content: '';
  position: absolute;
  border-style: solid;
}

.ribbon::before {
  top: 100%;
  right: 0;
  border-width: 15px 15px 0; /* Augmente la taille des triangles */
  border-color: #0A0A1E transparent transparent transparent;
}

.ribbon::after {
  top: 100%;
  left: 0;
  border-width: 15px 15px 0; /* Augmente la taille des triangles */
  border-color: #0A0A1E transparent transparent transparent;
}