body {
  background: #000;
}

.text-bg-gold-gradient {
  background: linear-gradient(200deg,
      #ffc57a 0%,
      #C79A2B 40%,
      #f5c66f 60%,
      #a87300 100%) !important;

  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
}

.text-bg-gold-gradient-hovered {
  display: inline-block;
  background: linear-gradient(200deg,
      #ffc57a 0%,
      #C79A2B 40%,
      #f5c66f 60%,
      #a87300 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  /* shadow around text only */
  text-shadow:
    0 0 5px rgba(255, 255, 255, 0.233),
    0 0 10px rgba(255, 255, 255, 0.144),
    0 0 15px rgba(255, 255, 255, 0.075);
}

.clickable {
  cursor: pointer;
}