/* Блок ligaCtaCard — картка з логотипом LIGA360, текстом і кнопками (Figma
   «SEO портал», 186:18026). Стоїть у «папці» foldersSection або окремою
   секцією сторінки (.liga-cta-sec).
   Розмітка: Views/Partials/blocklist/Components/ligaCtaCard.cshtml. */

.liga-cta-sec {
    padding: clamp(24px, 4vw, 48px) 0;
}

.liga-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 17px 21px;
    border: 1px solid #e5e2ff;
    border-radius: 16px;
    background: #fafafc;
    color: #25252a;
}

.liga-cta__logo {
    width: 100px;
    height: auto;
}

.liga-cta__text {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #25252a;
}

.liga-cta__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

/* Пігулки макета (H300/CTA). */
.liga-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 10000px;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.38px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.liga-cta__btn--light {
    border-color: #e5e2ff;
    background: #fff;
    color: #25252a;
}

.liga-cta__btn--light:hover {
    background: #f3f2ff;
    color: #25252a;
}

.liga-cta__btn--dark {
    background: #151517;
    color: #fff;
}

/* «Головна — заливка» блогу: фірмовий фіолетовий. */
.liga-cta__btn--primary {
    background: #4d479d;
    color: #fff;
}

.liga-cta__btn--primary:hover {
    background: #3a366b;
    color: #fff;
}

.liga-cta__btn--ghost {
    padding: 0 8px;
    background: transparent;
    color: #25252a;
}

.liga-cta__btn--ghost:hover {
    color: #5048a1;
}

.liga-cta__btn--dark:hover {
    background: #3a3a40;
    color: #fff;
}

@media (max-width: 575.98px) {
    .liga-cta__buttons {
        width: 100%;
    }

    .liga-cta__btn {
        flex: 1 1 100%;
    }
}