:root {
  --bg: none;
}

a {
  color: #fff!important;
  text-decoration: none!important;
}

a:hover {
  color: white;
}

.bg {
  background-color: var(--bg);
}

p {
  text-transform: uppercase;
  font-weight: bold;
}

.content p {
  background: -webkit-linear-gradient(45deg, #FFBA47 0%, #f27481 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	z-index: 0;
}

.hidden-content {
  --x: 0px;
  --y: 0px;
  --size: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(255,186,71);
  background: -moz-linear-gradient(
    180deg,
    rgba(255, 186, 71, 1) 0%,
    rgba(130, 209, 155, 1) 50%,
    rgba(130, 209, 212, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 186, 71, 1) 0%,
    rgba(130, 209, 155, 1) 50%,
    rgba(130, 209, 212, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(255, 186, 71, 1) 0%,
    rgba(130, 209, 155, 1) 50%,
    rgba(130, 209, 212, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFBA47",endColorstr="#459fb4",GradientType=1);
  color: var(--bg);
  --mask: radial-gradient(
    circle at var(--x) var(--y),
    black var(--size),
    transparent 0
  );
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
  pointer-events: none;
  visibility: hidden;
}