.iklan-wrapper {

    display:flex;
    align-items:center;
    gap:10px;

    margin:15px 0;

    overflow:hidden;

}


/* DESKTOP */

.iklan-desktop {

    flex:1;
    overflow:hidden;

}


.iklan-track {

    display:flex;
    width:max-content;

    animation:
    iklanMove 30s linear infinite;

}


.iklan-badge {

    white-space:nowrap;

    padding:6px 15px;

    margin-right:10px;

    border-radius:20px;

    border:1px solid #ffe082;

    background:#fff8e1;

    color:#555;

    text-decoration:none;

    font-size:14px;

}


.iklan-track:hover {

    animation-play-state:paused;

}



@keyframes iklanMove {

    from {
        transform:translateX(0);
    }

    to {
        transform:translateX(-50%);
    }

}



/* MOBILE */

.iklan-mobile {

    display:none;

    flex:1;

}


.iklan-mobile-item {

    display:none;

    width:max-content;

    padding:6px 12px;

    border-radius:20px;

    background:#fff8e1;

    border:1px solid #ffe082;

    color:#555;

    text-decoration:none;

    white-space:nowrap;

}


.iklan-mobile-item.active {

    display:inline-block;

    animation:fadeIklan .8s;

}



@keyframes fadeIklan {

    from {
        opacity:0;
        transform:translateY(5px);
    }

    to {
        opacity:1;
        transform:translateY(0);
    }

}



@media(max-width:768px){

    .iklan-desktop {
        display:none;
    }


    .iklan-mobile {
        display:block;
    }

}