.rainbow-text {
  background: linear-gradient(
    90deg,
    rgba(255, 0, 0, 1) 0%,
    rgba(255, 154, 0, 1) 10%,
    rgba(208, 222, 33, 1) 20%,
    rgba(79, 220, 74, 1) 30%,
    rgba(63, 218, 216, 1) 40%,
    rgba(47, 201, 226, 1) 50%,
    rgba(28, 127, 238, 1) 60%,
    rgba(95, 21, 242, 1) 70%,
    rgba(186, 12, 248, 1) 80%,
    rgba(251, 7, 217, 1) 90%,
    rgba(255, 0, 0, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

#obfuscated-email {
  position: relative;
}

/* Bots will spam my inbox, I'd like to avoid that */
#obfuscated-email-copy-to-clipboard:not(.copied) #obfuscated-email::before {
  content: attr(data-website) "\0040" attr(data-user);
  direction: rtl;
  unicode-bidi: bidi-override;
}

#obfuscated-email-copy-to-clipboard.copied #obfuscated-email::after {
  content: "Copied!";
  position: absolute;
  top: -14.5px;
  padding-left: 30px;
  padding-right: 30px;
}

#obfuscated-email-copy-to-clipboard {
  all: unset;
  cursor: pointer;
}