/* =====================================================
   BUTTON WAP
===================================================== */
.footer-btn-NERAKA33{
    position:relative;

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:4px;

    min-width:0;
    min-height:58px;

    padding:5px 3px;

    box-sizing:border-box;
    overflow:hidden;

    font-family:Arial,Helvetica,sans-serif;

    font-size:10px;
    font-weight:bold;
    line-height:1.15;

    letter-spacing:0;

    text-align:center;
    text-transform:uppercase;

    color:#ffffff!important;
    text-decoration:none!important;

    background:
        linear-gradient(
            180deg,
            #ff4a4a 0%,
            #e00000 14%,
            #c40000 48%,
            #9b0000 52%,
            #740000 100%
        );

    border-top:1px solid #ff9a9a;
    border-left:1px solid #ff5555;
    border-right:1px solid #520000;
    border-bottom:2px solid #520000;

    border-radius:2px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        1px 1px 0 #000000;

    text-shadow:
        1px 1px 0 #000000;

    transition:none;
}

/* highlight klasik */
.footer-btn-NERAKA33::before{
    content:"";

    position:absolute;

    top:2px;
    left:3px;
    right:3px;

    width:auto;
    height:1px;

    background:rgba(255,255,255,.55);

    border-radius:0;

    pointer-events:none;
}

/* hapus lampu indikator modern */
.footer-btn-NERAKA33::after{
    display:none;
}

/* =====================================================
   ICON WAP
===================================================== */
.footer-btn-NERAKA33 img{
    position:relative;

    width:22px;
    height:22px;

    padding:3px;

    box-sizing:content-box;
    object-fit:contain;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f0f0f0
        );

    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #8d160f;
    border-bottom:2px solid #8d160f;

    border-radius:2px;

    box-shadow:
        1px 1px 0 rgba(0,0,0,.65);

    filter:none;

    transition:none;
}

.footer-btn-NERAKA33 span{
    display:block;

    width:100%;

    overflow:hidden;
    text-overflow:ellipsis;

    color:inherit!important;
}

/* =====================================================
   PROMO
===================================================== */
.footer-btn-NERAKA33.promo{
    background:
        linear-gradient(
            180deg,
            #ff5c5c 0%,
            #ef1919 15%,
            #d00000 48%,
            #a30000 52%,
            #780000 100%
        );
}

/* =====================================================
   LOGIN
===================================================== */
.footer-btn-NERAKA33.login{
    background:
        linear-gradient(
            180deg,
            #ef4747 0%,
            #d51515 15%,
            #b90000 48%,
            #900000 52%,
            #640000 100%
        );
}

/* =====================================================
   DAFTAR - TOMBOL UTAMA EMAS
===================================================== */
.footer-btn-NERAKA33.daftar{
    color:#2b1d00!important;

    background:
        linear-gradient(
            180deg,
            #fff7a8 0%,
            #ffe34f 15%,
            #ffd700 48%,
            #e7b900 52%,
            #b88600 100%
        );

    border-top:1px solid #ffffff;
    border-left:1px solid #fff4a6;
    border-right:1px solid #8a6500;
    border-bottom:2px solid #765600;

    text-shadow:
        1px 1px 0 rgba(255,255,255,.6);

    box-shadow:
        inset 0 1px 0 #ffffff,
        1px 1px 0 #000000;
}

.footer-btn-NERAKA33.daftar img{
    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fff4a6
        );

    border-top-color:#ffffff;
    border-left-color:#ffffff;
    border-right-color:#9c7200;
    border-bottom-color:#765600;
}

/* =====================================================
   LINK
===================================================== */
.footer-btn-NERAKA33.link{
    background:
        linear-gradient(
            180deg,
            #ff624f 0%,
            #e8381f 15%,
            #d82b00 48%,
            #a91d00 52%,
            #781500 100%
        );
}