.notification-bar{position:relative;width:100vw;background-color:#6BABC3;color:white;text-align:left;padding:9px
20px;z-index:1000;margin:0
auto}.notification-content{display:flex;justify-content:left;align-items:center;height:100%;overflow:hidden}.notification-message{color:#000 !important;opacity:0;font-size:19px;word-wrap:break-word;transform:translateY(20px);transition:opacity 0.5s ease, transform 0.5s ease;position:absolute;display:flex;align-items:center;gap:20px}.notification-message.active{opacity:1;transform:translateY(0)}.notification-message
a{font-size:16px;font-weight:500;color:#1C7BB6;background-color:#FFF;border:1px
solid #FFF;text-decoration:none;padding:5px
15px;border-radius:25px;display:inline-block;text-align:center;transition:background-color 0.3s ease, color 0.3s ease;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.notification-message a:hover{background-color:#1C7BB6;color:#FFF}@media (max-width: 768px){.notification-bar{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;z-index:1;padding:8px;box-sizing:border-box}.notification-message{display:flex;justify-content:center;align-items:center;font-size:18px;gap:20px;width:100%;flex-wrap:wrap}.notification-message.active{display:flex;justify-content:center;align-items:center;font-size:18px;gap:20px;width:100%;flex-wrap:wrap}.notification-content{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden;flex-direction:column;align-content:center}.notification-message
a{font-size:15px;padding:10px
20px;max-width:250px;text-align:center;border-radius:25px;display:inline-block}}@media (min-width: 768px) and (max-width: 1024px){.notification-bar{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;height:12vh;padding:20px;box-sizing:border-box}.notification-message{display:flex;justify-content:center;align-items:center;font-size:19px;gap:20px;width:100%;flex-wrap:wrap}.notification-message.active{display:flex;justify-content:center;align-items:center;font-size:19px;gap:20px;width:100%;z-index:1 !important;flex-wrap:wrap}.button{z-index:1 !important}.notification-content{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden;flex-direction:column;align-content:center}.notification-message
a{font-size:15px;padding:10px
20px;max-width:250px;text-align:center;border-radius:25px;display:inline-block}}