phylactere {
  display: block;
  position: relative;
  background: #ffffff;
  border: 3px solid #2c3e50;
  border-radius: 20px;
  padding: 20px 25px;
  max-width: 400px;
  font-family: 'Comic Sans MS', 'Arial', sans-serif; /* Style BD optionnel */
  font-size: 16px;
  color: #2c3e50;
  box-shadow: 4px 4px 0px #2c3e50; /* Effet cartoon ombré */
}

/* La pointe du phylactère */
phylactere::after {
  content: '';
  position: absolute;
  bottom: -20px; /* Position de la pointe (en bas) */
  left: 40px;    /* Décalage horizontal de la pointe */
  border-width: 20px 15px 0;
  border-style: solid;
  border-color: #2c3e50 transparent;
  display: block;
  width: 0;
}

/* Optionnel : pour cacher le fond de la bordure et garder l'intérieur blanc */
phylactere::before {
  content: '';
  position: absolute;
  bottom: -13px;
  left: 43px;
  border-width: 14px 11px 0;
  border-style: solid;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  z-index: 1;
}