/* ==========================================================
   KARE CORE BUTTON SYSTEM
========================================================== */

:root{
    --kc-primary:#0A84FF;
    --kc-dark:#071326;
    --kc-success:#22C55E;
    --kc-white:#ffffff;
    --kc-radius:16px;
    --kc-transition:.28s ease;
}

.hero-btn,
.header-button,
.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:56px;

    padding:0 28px;

    border-radius:var(--kc-radius);

    text-decoration:none;

    font-weight:800;

    transition:var(--kc-transition);

    cursor:pointer;
}

.hero-btn-primary{

    background:#fff;

    color:var(--kc-dark);

    box-shadow:0 12px 35px rgba(0,0,0,.12);

}

.hero-btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}

.hero-btn-whatsapp,

.header-button{

    background:linear-gradient(135deg,#25D366,#18B957);

    color:#fff;

    box-shadow:0 18px 45px rgba(37,211,102,.30);

}

.hero-btn-whatsapp:hover,

.header-button:hover{

    transform:translateY(-3px);

    box-shadow:0 25px 60px rgba(37,211,102,.40);

}

.btn-outline{

    background:#fff;

    border:2px solid var(--kc-primary);

    color:var(--kc-primary);

}

.btn-outline:hover{

    background:var(--kc-primary);

    color:#fff;

}