.nav-button{display:flex;justify-content:center;padding:8px 0;margin:10px 0 0 0;gap:10px;}
.nav-button .btn-rateball{
    background:#222;padding:5px 20px;color:#fff;position:relative;border:2px solid #4dc403;
    border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;
}
.nav-button .btn-rateball:hover, .nav-button .btn-rateball.active{
    color:#aaa;transition:all .3s ease-in-out;
}
.nav-button .btn-rateball.active::before{
    position:absolute;top:11px;left:10px;width:0;height:0;content:' ';
    border:5px solid transparent;border-left-color:#4dc403;
}

.rateball-content{margin:10px 0 10px 0;}
.rateball-content iframe, .rateball-content object, .rateball-content embed{max-width:100%;}

@media screen and (min-width:280px) and (max-width:589px){
    .nav-button .btn-rateball{
        font-size:0.7rem;padding:5px 8px;
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .nav-button .btn-rateball.active::before{top:8px;left:2px;}
}