/* ФИКС ДЛЯ КНОПОК НА МОБИЛЬНЫХ УСТРОЙСТВАХ */

/* Для всех кнопок с outline */
@media (max-width: 991.98px) {
    .btn.btn-outline-primary,
    .btn.btn-outline-success,
    .btn.btn-outline-info,
    .btn.btn-outline-warning,
    .btn.btn-outline-danger,
    .btn.btn-outline-secondary,
    .btn.btn-outline-dark,
    .btn.btn-outline-light {
        border-width: 1px !important;
        border-style: solid !important;
    }

        /* Конкретно для вашей кнопки */
        .btn.btn-outline-primary.btn-choose {
            border-color: var(--bs-primary, #0d6efd) !important;
            border-width: 1px !important;
            border-style: solid !important;
        }

    #tariffs .tariff-card {
        margin-bottom: 1.5rem !important;
    }

    /* И для колонок тоже добавляем отступ */
    #tariffs .col-lg-4.mb-4 {
        margin-bottom: 1.5rem !important;
    }

}

/* Более специфичные медиа-запросы */
@media (max-width: 767.98px) {
    .btn.btn-outline-primary.btn-choose {
        border: 1px solid var(--bs-primary, #0d6efd) !important;
    }

    #tariffs .tariff-card {
        margin-bottom: 1.25rem !important;
    }

    #tariffs .col-lg-4.mb-4 {
        margin-bottom: 1.25rem !important;
    }
}

@media (max-width: 575.98px) {
    .btn.btn-outline-primary.btn-choose {
        border: 1px solid var(--bs-primary, #0d6efd) !important;
    }

     #tariffs .tariff-card {
        margin-bottom: 3rem !important;
    }
    
    #tariffs .col-lg-4.mb-4 {
        margin-bottom: 1rem !important;
    }
}