/* Donate button with animated gradient (taken from Codebergs modifications) */
@property --donation-pretty-gradient-color-1 {
  syntax: '<color>';
  initial-value: #000;
  inherits: false;
}

@property --donation-pretty-gradient-color-2 {
  syntax: '<color>';
  initial-value: #000;
  inherits: false;
}

.donation-pretty {
  --donation-pretty-gradient-color-1: var(--color-secondary-alpha-60);
  --donation-pretty-gradient-color-2: var(--color-secondary-alpha-60);
  background: linear-gradient(
    to top right,
    var(--donation-pretty-gradient-color-1), var(--donation-pretty-gradient-color-2)
  ) !important;
  transition: color 125ms, --donation-pretty-gradient-color-1 250ms, --donation-pretty-gradient-color-2 0ms !important;
}
.donation-pretty:hover {
  --donation-pretty-gradient-color-1: var(--color-primary-light-2);
  --donation-pretty-gradient-color-2: var(--color-primary-light-1);
  color: #fff !important;
}