/* ==========================================
   Sadiqeen Connect Header Button
========================================== */

.connect-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    min-width:180px;
    height:48px;

    padding:0 24px;

    background:linear-gradient(135deg,#FFE97A 0%,#FFD700 40%,#E9AE00 100%);
    color:#082A3D !important;

    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;

    font-size:15px;
    font-weight:800;
    letter-spacing:.3px;
    white-space:nowrap;

    text-decoration:none !important;

    box-shadow:0 8px 20px rgba(255,193,7,.28);
    transition:all .30s ease;
}

.connect-btn i{
    font-size:18px;
    color:#082A3D;
}

.connect-btn:hover{
    background:linear-gradient(135deg,#FFF9A5 0%,#FFE55C 40%,#FFC107 100%);
    color:#082A3D !important;

    transform:translateY(-2px);

    box-shadow:0 12px 28px rgba(255,193,7,.45);
}

.hover-gradient-text{
    white-space:nowrap;
}

/* ==========================================
   Call Now Button
========================================== */

.call-btn{
    display:flex;
    align-items:center;
    justify-content:center;

    width:135px;
    height:48px;

    white-space:nowrap;

    background:#DAA520;
    color:#fff !important;

    border-radius:999px;

    text-decoration:none !important;

    font-size:16px;
    font-weight:800;

    text-align:center;
    line-height:1;

    box-shadow:0 8px 24px rgba(218,165,32,.35);

    transition:.35s ease;
}

.call-btn:hover{
    background:#C69214;
    color:#fff !important;

    transform:translateY(-2px);

    box-shadow:0 14px 30px rgba(218,165,32,.45);
}

/* Responsive */

@media (max-width:1200px){

    .connect-btn{
        min-width:170px;
        padding:0 20px;
        font-size:14px;
    }

}

@media (max-width:992px){

    .connect-btn{
        min-width:160px;
        height:46px;
    }

    .call-btn{
        width:120px;
        height:46px;
        font-size:15px;
    }

}