.mhmb-box{

    
    margin-top:35px;
    margin-bottom:25px;
    padding:24px;

    border:none;

    box-shadow: 
    0 8px 24px rgba(0,0,0,.08);

    border-radius:16px;

    background:#ffffff;
    overflow:hidden;

}

.mhmb-title{

    font-size:24px;

    font-weight:700;

    margin-bottom:8px;

}

.mhmb-desc{

    color:#5b5b5b;

    margin-bottom:18px;

}

.mhmb-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.mhmb-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:170px;

    min-height:52px;

    padding:15px 20px;

    border-radius:10px;

    color:#fff !important;

    text-decoration:none !important;

    font-weight:600;

    box-sizing:border-box;

    cursor:pointer;

    transition: 
    transform .25s ease, 
    box-shadow .25s ease,
    background .25s ease;


}

.mhmb-btn:hover{

    transform:translateY(-2px);

    color:#fff !important;
     
    box-shadow: 
    0 8px 18px rgba(0,0,0,.18);

}

.mhmb-btn:active{

    transform:scale(.98);

}

.mhmb-shopee{

    background:#EE4D2D;

}

.mhmb-tokopedia{

    background:#42B549;

}

.mhmb-tiktok{

    background:#111111;

}
.mhmb-tiktok:hover{
    background:#000;
}

.mhmb-lazada{

    background:#5F2EEA;

}

.mhmb-blibli{

    background:#0095DA;

}

.mhmb-bukalapak{

    background:#E31E52;

}

.mhmb-website{

    background:#555;

}

/* ===========================
   Mobile Responsive
=========================== */

@media (max-width:768px){
    
    .mhmb-box{ 

    padding:22px;

    }

    .mhmb-buttons{

        display:flex;
        flex-direction:column;
        gap:12px;

    }

    .mhmb-btn{

        width:100%;
        min-width:100%;
        font-size:16px;

    }

    .mhmb-title{

        font-size:22px;

    }

    .mhmb-desc{

        font-size:15px;
        line-height:1.6;

    }

}