.link-more {
    font-weight: 600;
    color: #007bff; /* Или ваш фирменный цвет */
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

/* Создаем стрелку через псевдоэлемент */
.link-more::after {
    content: '→'; /* Символ стрелки */
    margin-left: 8px;
    transition: transform 0.3s ease;
}

/* Эффект при наведении (как на профессиональных лендингах) */
.link-more:hover::after {
    transform: translateX(5px); /* Стрелка плавно сдвигается вправо */
}

.link-more:hover {
    color: #0056b3;
}