html:has(a:hover) .blob {
  transition: 200ms;
  opacity: 0;
}

body > .blob {
  display: none;
  pointer-events: none;
  position: absolute;
  background-color: rgb(214, 214, 214);
  border-radius: 50%;
  z-index: 80;

  &:nth-of-type(1) {
    transition: 60ms;
    width: 30px;
    height: 30px;
  }
  &:nth-of-type(2) {
    transition: 65ms;
    width: 27px;
    height: 27px;
  }
  &:nth-of-type(3) {
    transition: 70ms;
    width: 24px;
    height: 24px;
  }
  &:nth-of-type(4) {
    transition: 75ms;
    width: 21px;
    height: 21px;
  }
  &:nth-of-type(6) {
    transition: 80ms;
    width: 18px;
    height: 18px;
  }
  &:nth-of-type(7) {
    transition: 85ms;
    width: 15px;
    height: 15px;
  }
  &:nth-of-type(8) {
    transition: 90ms;
    width: 12px;
    height: 12px;
  }
  &:nth-of-type(9) {
    transition: 95ms;
    width: 9px;
    height: 9px;
  }
  &:nth-of-type(10) {
    transition: 100ms;
    width: 6px;
    height: 6px;
  }
}