.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.button-danger-outline {
  border: 1px solid color-mix(in srgb, var(--danger) 55%, var(--border));
  background: transparent;
  color: var(--danger);
}

.button-danger-outline:hover {
  border-color: var(--danger);
  background: var(--danger-soft);
}