/* Mantém ícone e texto no MESMO badge */
.dpcsj-has-icon{
  display:inline-flex;
  align-items:center;
  gap:.5em;
}

/* Texto rotativo alinhado à esquerda (não mexe no ícone) */
.dpcsj-rotate{
  display:inline-block;
  position:relative;
  min-height:1.2em;
  vertical-align:baseline;
  white-space:nowrap;   /* sem largura/altura forçadas */
}

.dpcsj-rotate .dpcsj-chunk{
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  transition:opacity .25s ease;
  will-change: opacity;
}

.dpcsj-rotate .dpcsj-chunk.is-active{
  opacity:1;
  position:relative;
}