/* Стили по умолчанию для больших экранов */
.download__column {
    display: grid;
    gap: 20px; /* Расстояние между элементами */
    width: 100%; /* Полная ширина родительского контейнера */
}

.download-link {
    display: flex;
    align-items: center;
    padding: 30px;
    border: 1px solid #c3c8c5;
    border-radius: 5px;
    margin-bottom: 30px;
    width: 100%; /* Полная ширина */
    max-width: 1200px; /* Максимальная ширина элемента, если требуется */
}

.download-link__svg-link {
    display: flex;
    justify-content: center; /* Центрирование изображения по горизонтали */
    align-items: center;
    margin-right: 20px; /* Расстояние между иконкой и текстом */
    flex-shrink: 0;
}

.download-link img {
    max-width: 350px; /* Ограничение ширины изображения */
    height: auto; /* Автоматическая высота для сохранения пропорций */
    object-fit: contain; /* Сохранение пропорций изображения */
    display: block;
}

.download-link__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1; /* Позволяет обертке занимать оставшееся пространство */
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    .download__column {
        grid-template-columns: 1fr; /* Одна колонка */
    }

    .download-link {
        flex-direction: column; /* Вертикальное выравнивание элементов */
        align-items: flex-start; /* Выравнивание по левому краю */
        max-width: 90%; /* Максимальная ширина 100% */
    }

    .download-link__svg-link {
        margin-right: 0; /* Убрать отступ справа */
        margin-bottom: 20px; /* Добавить отступ снизу */
        width: 100%; /* Ширина 100% */
        text-align: center; /* Центрировать изображение */
    }

    .download-link img {
        margin: 0 auto; /* Центрировать изображение */
        max-width: 100%; /* Ограничение размера изображения по ширине */
        height: 250px; /* Высота изображения */
        object-fit: contain; /* Сохранение пропорций */
    }

    .download-link__wrapper {
        align-items: flex-start; /* Выравнивание текста по левому краю */
        width: 100%; /* Полная ширина */
    }
}

/* Добавление отступа между текстом и ссылкой */
.download-link__wrapper .download-link__name,
.download-link__wrapper .download-link__text {
    margin-bottom: 20px; /* Добавить отступ снизу */
}
.download-link__svg-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-link img {
    display: block;
    max-width: 100%;
    height: auto;
}