/* Ícone (Lucide): tamanho pelos tokens, cor do texto em volta (segue o tema e a marca). */

.ds-icone { display: inline-block; flex: none; vertical-align: -0.2em; width: var(--tamanho-icone-m); height: var(--tamanho-icone-m); }
.ds-icone--p { width: var(--tamanho-icone-p); height: var(--tamanho-icone-p); }
.ds-icone--g { width: var(--tamanho-icone-g); height: var(--tamanho-icone-g); }