:root {
    --notification-height: 35px; 
}
.notification-bar {
    width: 100%; 
    height: var(--notification-height); 
    background-color: #cddfec;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-family: "Lato", "Arial", sans-serif;
    font-weight: 200;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out;
}

.notification-button {
    background: transparent; /* Transparentna pozadina */
    border: none; /* Bez okvira */
    color: #00111c; /* Tekst bele boje */
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none; /* Uklanja podvlačenje (ako koristiš <a>) */
}


.notification-bar.hidden {
    transform: translateY(-100%);
    opacity: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
}