Solucionado
No figma do projeto para mobile, a navbar embaixo da tela tem escrito somente "biblioteca" ao invés de "sua biblioteca". Somente alterar o texto no html não ajuda pois esse objeto existe nas versões tablet e desktop escritos como "sua biblioteca".
Teria como alterar esse texto somente pelo css? Se puder me dar uma sugestão de como resolver isso eu agradeço.
Você pode usar media queries para isso, ficando algo assim:
HTML
<li class="menu-lateral__link">
<button aria-label="Botão acessar sua biblioteca">
<img src="./src/imagens/Icones/bookmark-branco.svg" alt="Logo do botão sua biblioteca">
<span class="full-text">Sua Biblioteca</span>
<span class="mobile-text">Biblioteca</span>
</button>
</li>
CSS
/* Estilos para dispositivos maiores que 768px */
.menu-lateral__link .mobile-text {
display: none;
}
/* Estilos para dispositivos menores que 768px (mude o tamanho conforme necessário) */
@media only screen and (max-width: 768px) {
.menu-lateral__link .full-text {
display: none;
}
.menu-lateral__link .mobile-text {
display: inline;
}
}