/*
 * Uiverse Shine Text by devkatyall
 * https://uiverse.io/devkatyall/spicy-mule-43
 */
.shine {
  font-size: 2em;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.3);
  background: #222 -webkit-gradient(
      linear,
      left top,
      right top,
      from(#222),
      to(#222),
      color-stop(0.5, #fff)
    ) 0 0 no-repeat;
  background-image: -webkit-linear-gradient(
    -40deg,
    transparent 0%,
    transparent 40%,
    #fff 50%,
    transparent 60%,
    transparent 100%
  );
  -webkit-background-clip: text;
  -webkit-background-size: 50px;
  -webkit-animation: zezzz;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes zezzz {
  0%,
  10% {
    background-position: -200px;
  }
  20% {
    background-position: top left;
  }
  100% {
    background-position: 200px;
  }
}

/* Layout only. The Uiverse visual stays isolated in the child .shine node. */
.landing-admin-link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(24px, 4.2vh, 44px);
  z-index: 4;
  display: flex;
  width: auto;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  text-decoration: none;
  cursor: pointer;
}

.landing-admin-link .shine {
  font-size: 1em;
  font-weight: 700;
  opacity: 0.72;
}