.update-notice { position: fixed; z-index: 50; right: 20px; bottom: 64px; width: min(430px, calc(100% - 40px)); padding: 18px; background: #17201f; color: white; border-left: 6px solid #e2a62b; box-shadow: 0 18px 50px #0006; align-items: center; justify-content: space-between; gap: 18px; }
.update-notice:not([hidden]) { display: flex; }
.update-notice strong, .update-notice span { display: block; }
.update-notice span { margin-top: 4px; color: #c8d1cf; font-size: .82rem; }
.update-notice button { flex: none; border: 0; padding: 12px 15px; background: #e2a62b; color: #17201f; font-weight: 900; cursor: pointer; }
.update-notice button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 560px) { .update-notice { align-items: stretch; flex-direction: column; } }