Как изменит ьназвание "Авторизация"? - Вопросы по CSS

<a class="user-in-button" data-bs-toggle="modal" href="#exampleModal">
<i class="fas fa-sign-in-alt me-2"></i> <span>
Авторизация 
</span>
</a>

.top-bar{
    /*padding: 5px 0;*/
    background-color: #404040;
    color: #fff
}
.top-bar a, .top-bar a:hover{
    color: #fff
}

.top-bar .form-control{
    padding: .175rem .75rem;
    border-radius: 0
}

#CecutientBtn, .userSerchBtn, .canvas-button, .user-in-button{
    display: block;
    padding: 5px 0
} 

.user-in-button span{
    font-weight: 600
}

.userSerchBtn:hover{
    cursor: pointer
}

<div class="col">
                 <?php if ($this->countModules('position-0', true)) : ?>
<a  class="user-in-button" data-bs-toggle="modal" href="#exampleModal">
<i class="fas fa-sign-in-alt me-2"></i> <span>
<?php if ($user->get('guest') == '1') {echo ('Контакты');}
else {echo ('Выход');} ?> 
</span>
</a>
 <?php endif; ?>
</div>