/* Страница интеграции (integration.php): только то, чего нет у остальных страниц.
   Секции, сетка и сами карточки - общие, они в ui.css. Своего здесь ровно один
   компонент - ссылка внутри карточки. */

/* ============ ссылка в карточке ============ */
/* margin-top: auto прижимает ссылку к нижнему краю карточки. Без этого ссылки в ряду
   встают лесенкой: описания у модулей разной длины, а карточка тянется по самому
   высокому соседу. Тот же приём, что у кнопки в карточке тарифа (.hm-plan в price.css).

   Кнопкой (.hm-btn--block) не сделана намеренно: кнопок в ряду вышло бы шесть, и все
   одинаково громкие, хотя половина из них уводит на чужой сайт читать. */
.hm-integr__link {
    margin-top: auto;
    padding-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    align-self: flex-start;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--hm-brand);
}

.hm-integr__link:hover,
.hm-integr__link:focus {
    color: var(--hm-brand-deep);
}

.hm-integr__link svg {
    width: 14px;
    height: 14px;
    flex: none;
}