/**handles:banner-style**/
.wrapper-bar {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(-100%);
}

.wrapper-bar.show {
    display: flex;
    visibility: visible;
    opacity: 1;
    transform: translateY(0); 
}

.close-bar {
    cursor: pointer;
}