﻿/* Стили для блока призыва к действию (calculator-cta) */
.calculator-cta {
    background: #0057B7; /* Украинский синий */
    border-radius: 12px;
    padding: 25px;
    margin: 40px 0;
    text-align: center;
}

    .calculator-cta h3 {
        color: #FFDD00; /* Украинский золотой */
        margin-top: 0;
    }

    .calculator-cta ul {
        color: white;
        text-align: left;
        display: inline-block;
        margin: 20px auto; /* Центрируем список */
        list-style: none; /* Убираем стандартные маркеры списка */
        padding-left: 0; /* Убираем отступы по умолчанию */
    }

    .calculator-cta li {
        margin-bottom: 5px; /* Небольшой отступ между пунктами списка */
        position: relative;
        padding-left: 20px; /* Отступ для кастомной иконки */
    }

        .calculator-cta li::before {
            content: '✔'; /* Кастомная галочка */
            color: #FFDD00;
            position: absolute;
            left: 0;
            top: 0;
        }

    .calculator-cta div {
        margin-top: 20px;
    }

    .calculator-cta a {
        display: inline-block;
        background: #FFDD00; /* Украинский золотой */
        color: #0057B7; /* Украинский синий */
        padding: 14px 28px;
        border-radius: 50px;
        font-weight: bold;
        text-decoration: none;
        transition: all 0.3s ease;
        border: 2px solid transparent; /* Для эффекта наведения */
    }

        .calculator-cta a:hover {
            background: #0057B7; /* Меняем цвет фона на синий */
            color: #FFDD00; /* Меняем цвет текста на золотой */
            border-color: #FFDD00; /* Добавляем золотую рамку */
        }

    .calculator-cta p.ukrainian-precision { /* Добавляем класс для параграфа */
        color: #FFDD00;
        font-size: 0.9em;
        margin-top: 15px;
    }
