.holo-card[data-effect="gold"] {
  --gold-1: hsl(45, 95%, 74%);
  --gold-2: hsl(39, 90%, 55%);
  --gold-3: hsl(33, 85%, 42%);
  --gold-4: hsl(50, 100%, 86%);
  --card-edge: hsl(45, 100%, 78%);
  --card-glow: hsl(45, 100%, 80%);
}

.holo-card[data-effect="gold"] .holo-card__shine {
  background-image:
    repeating-linear-gradient(
      calc(var(--angle) - 48deg),
      var(--gold-3) calc(var(--space) * 1),
      var(--gold-2) calc(var(--space) * 3),
      var(--gold-1) calc(var(--space) * 5),
      var(--gold-4) calc(var(--space) * 6),
      var(--gold-1) calc(var(--space) * 7),
      var(--gold-2) calc(var(--space) * 9),
      var(--gold-3) calc(var(--space) * 11)
    ),
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(48, 100%, 88%, 0.85) 5%,
      hsla(40, 70%, 45%, 0.55) 45%,
      hsla(30, 65%, 14%, 1) 125%
    );

  background-position:
    calc(((50% - var(--background-x)) * 2.8) + 50%) calc(((50% - var(--background-y)) * 2.2) + 50%),
    center center;

  background-size:
    300% 300%,
    cover;

  background-blend-mode: hard-light;
  filter: brightness(calc(0.95 * var(--hc-brightness))) contrast(calc(1.15 * var(--hc-contrast)))
    saturate(calc(1.3 * var(--hc-saturate)));
  mix-blend-mode: hard-light;
  opacity: calc(var(--card-opacity) * 0.9 * var(--hc-shine-opacity));
}

.holo-card[data-effect="gold"] .holo-card__shine::before {
  content: "";

  background-image:
    var(--grain),
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(46, 100%, 80%, 0.55) 10%,
      hsla(38, 60%, 30%, 0.45) 55%,
      hsl(0, 0%, 0%) 110%
    );

  background-size:
    55% 55%,
    cover;
  background-position:
    calc(50% + (var(--pointer-from-left) * 8%)) calc(50% + (var(--pointer-from-top) * 8%)),
    center center;
  background-blend-mode: color-burn;

  filter: brightness(1) contrast(1.3) saturate(1.2);
  mix-blend-mode: screen;
  opacity: 0.55;
}

.holo-card[data-effect="gold"] .holo-card__shine::after {
  content: "";

  background-image: linear-gradient(
    calc(90deg + (var(--tilt-x) * 1.2deg)),
    hsla(45, 100%, 70%, 0) 34%,
    hsla(48, 100%, 88%, 0.95) 46%,
    hsla(52, 100%, 96%, 1) 50%,
    hsla(48, 100%, 88%, 0.95) 54%,
    hsla(45, 100%, 70%, 0) 66%
  );

  background-size: 220% 220%;
  background-position: calc(((50% - var(--background-x)) * -2.4) + 50%) center;

  filter: brightness(1) contrast(1.2);
  mix-blend-mode: overlay;
  opacity: calc(0.25 + var(--pointer-from-center) * 0.4);
}

.holo-card[data-effect="gold"] .holo-card__glare {
  background-image: var(
    --glare-image,
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(48, 100%, 90%, 0.6) 8%,
      hsla(40, 80%, 55%, 0.3) 45%,
      hsla(28, 60%, 6%, 0.8) 110%
    )
  );
  filter: brightness(0.85) contrast(1.7) saturate(1.3);
  mix-blend-mode: var(--glare-blend, overlay);
  opacity: calc(var(--card-opacity) * 0.85 * var(--hc-glare-opacity));
}