cube-face[class]::after {
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(var(--reflection-angle, 120deg),
      #8d712c0d 0%, transparent 19%, #d9c5722e 31%,
      #eee7bdc2 44%, #f4edcfb8 48%, #e1d29288 53%,
      #c6ad5540 65%, transparent 83%);
    opacity: var(--reflection-strength, .8);
    box-shadow: inset .012rem .016rem .035rem #f4e7b780,
                inset -.016rem -.016rem .045rem #765d2b30;
  }

  cube-face[class] {
    background: linear-gradient(145deg,
      color-mix(in srgb, var(--gold-base, #aa903e), #dcc575 15%),
      var(--gold-base, #aa903e) 55%,
      color-mix(in srgb, var(--gold-base, #aa903e), #856c30 12%));
  }

  cube-face > a,
  cube-face > a:hover,
  cube-face > a:active {
    background: none !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    color: black !important;
    -webkit-text-stroke: 0 !important;
    animation: none !important;
  }


  cube-face[class] {border-radius:.024rem;box-shadow:inset 0 .002rem .005rem #e2cf8c30,inset 0 -.002rem .006rem #78612d22;}
  cube-face[class]::after {mask-image:none;}