.danger-button {
  width: 100%;
  margin-top: 10px;
  padding: 12px 16px;
  border: 1px solid #fecaca;
  border-radius: 11px;
  background: #fff5f5;
  color: #c53030;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: .18s ease;
}
.danger-button:hover { border-color: #fca5a5; background: #fee2e2; }
.danger-button[hidden] { display: none; }