.update-banner {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   padding: 10px;
   text-align: center;
   z-index: 1000;
   transform: translateY(-100%);
   transition: transform 0.3s ease;
}

   .update-banner.show {
      transform: translateY(0);
   }

.update-content {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
}

.update-icon {
   font-size: 1.2em;
   animation: spin 2s linear infinite;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.btn {
   margin: 0 5px;
}