#snb-bar{
    position:fixed;
    left:0;
    width:100%;
    z-index:999999;
    padding:14px 20px;
    animation:snbSlide .4s ease;
}

.snb-top{
    top:0;
}

.snb-bottom{
    bottom:0;
}

.snb-container{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    position:relative;
    flex-wrap:wrap;
}

.snb-text{
    font-weight:500;
}

.snb-btn{
    background:#fff;
    color:#111;
    text-decoration:none;
    padding:10px 20px;
    border-radius:10px;
    font-weight:600;
}

#snb-close{
    position:absolute;
    right:0;
    cursor:pointer;
    font-size:24px;
}

@keyframes snbSlide{

    from{
        transform:translateY(-100%);
        opacity:0;
    }

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

}