.restart-panel {
  margin-top: 20px;
  padding: 16px 18px;
  border: 1px solid #e9bcb5;
  background: #fff6f4;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.restart-panel[hidden] { display: none; }
.restart-panel b { font-size: 12px; }
.restart-panel p { margin: 4px 0 0; color: #826c67; font-size: 10px; line-height: 1.45; }
.restart-panel button { flex: none; background: #8f352d; padding: 11px 14px; }
.restart-panel button:hover { background: #742a24; }
@media (max-width: 600px) {
  .restart-panel { align-items: stretch; flex-direction: column; }
}