.ai-glow {
  position: relative;
  z-index: 1;
  background-color: #0d0d12;
  border-radius: 20px;
  padding: 8px 16px;
  opacity: 0.9;
  transition: padding-right 0.3s ease;

  &.chippy {
    padding-right: 36px;
  }
}

.md-tabs__item {
  &:has(.ai-glow) {
    padding-left: 4px;
  }
}

.md-tabs__link {
  &:has(.ai-glow) {
    margin-top: 7px;
    position: relative;
    border: none;
    padding: 2px;
    border-radius: 20px;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 2px;
    transition-delay: 0s !important;

    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      border-radius: 20px;
      background: linear-gradient(90deg, #e70a9c 0%, #6412cc 50%, #11cc7c 100%);
      filter: blur(16px);
      opacity: 1;
      transform: rotate(0deg);
      transform-origin: center;
      transition:
        opacity 0.4s ease,
        filter 0.4s ease;
    }

    &:hover::before {
      animation: ai-glow-rotate 2s linear infinite;
    }

    &::after {
      content: "";
      transform: translateX(36px);
      opacity: 0;
      transition:
        opacity 0.3s ease,
        transform 0.3s ease;
    }

    &:has(.chippy)::after {
      content: "";
      position: absolute;
      top: 8px;
      right: 32px;
      transform: translateX(0);
      width: 1px;
      height: 1px;
      opacity: 1;
      background-color: transparent;
      box-shadow:
        15px 1px #000,
        16px 1px #e53935,
        7px 2px #000,
        8px 2px #000,
        9px 2px #000,
        10px 2px #000,
        11px 2px #000,
        12px 2px #000,
        13px 2px #000,
        15px 2px #000,
        16px 2px #e53935,
        6px 3px #000,
        7px 3px #e53935,
        8px 3px #e53935,
        9px 3px #e53935,
        10px 3px #e53935,
        11px 3px #ffffff,
        12px 3px #e53935,
        13px 3px #e53935,
        14px 3px #000,
        15px 3px #000,
        16px 3px #e53935,
        5px 4px #000,
        6px 4px #e53935,
        7px 4px #e53935,
        8px 4px #e53935,
        9px 4px #ffffff,
        10px 4px #ffffff,
        11px 4px #ffffff,
        12px 4px #e53935,
        13px 4px #e53935,
        14px 4px #e53935,
        15px 4px #000,
        5px 5px #000,
        6px 5px #e53935,
        7px 5px #e53935,
        8px 5px #e53935,
        9px 5px #e53935,
        10px 5px #ffffff,
        11px 5px #e53935,
        12px 5px #e53935,
        13px 5px #e53935,
        14px 5px #e53935,
        15px 5px #000,
        4px 6px #000,
        5px 6px #e53935,
        6px 6px #e53935,
        7px 6px #e53935,
        8px 6px #e53935,
        9px 6px #e53935,
        10px 6px #e53935,
        11px 6px #e53935,
        12px 6px #e53935,
        13px 6px #e53935,
        14px 6px #e53935,
        15px 6px #e53935,
        16px 6px #000,
        4px 7px #000,
        5px 7px #000,
        6px 7px #000,
        7px 7px #000,
        8px 7px #000,
        9px 7px #000,
        10px 7px #000,
        11px 7px #000,
        12px 7px #000,
        13px 7px #000,
        14px 7px #000,
        15px 7px #000,
        16px 7px #000,
        4px 8px #000,
        5px 8px #00e5ff,
        6px 8px #00e5ff,
        7px 8px #00e5ff,
        8px 8px #00e5ff,
        9px 8px #00e5ff,
        10px 8px #00e5ff,
        11px 8px #00e5ff,
        12px 8px #00e5ff,
        13px 8px #00e5ff,
        14px 8px #00e5ff,
        15px 8px #00e5ff,
        16px 8px #000,
        4px 9px #000,
        5px 9px #00e5ff,
        6px 9px #00e5ff,
        7px 9px #00e5ff,
        8px 9px #00e5ff,
        9px 9px #00e5ff,
        10px 9px #00e5ff,
        11px 9px #00e5ff,
        12px 9px #00e5ff,
        13px 9px #00e5ff,
        14px 9px #00e5ff,
        15px 9px #00e5ff,
        16px 9px #000,
        5px 10px #000,
        6px 10px #000,
        7px 10px #e53935,
        8px 10px #e53935,
        9px 10px #e53935,
        10px 10px #e53935,
        11px 10px #e53935,
        12px 10px #e53935,
        13px 10px #e53935,
        14px 10px #000,
        15px 10px #000,
        6px 11px #000,
        7px 11px #e53935,
        8px 11px #b71c1c,
        9px 11px #e53935,
        10px 11px #e53935,
        11px 11px #e53935,
        12px 11px #b71c1c,
        13px 11px #e53935,
        14px 11px #000,
        7px 12px #000,
        8px 12px #e53935,
        9px 12px #b71c1c,
        10px 12px #e53935,
        11px 12px #b71c1c,
        12px 12px #e53935,
        13px 12px #000,
        6px 13px #000,
        7px 13px #e53935,
        8px 13px #e53935,
        9px 13px #e53935,
        10px 13px #e53935,
        11px 13px #e53935,
        12px 13px #e53935,
        13px 13px #e53935,
        14px 13px #000,
        3px 14px #000,
        4px 14px #000,
        5px 14px #000,
        6px 14px #000,
        7px 14px #e53935,
        8px 14px #e53935,
        9px 14px #1e88e5,
        10px 14px #e53935,
        11px 14px #e53935,
        12px 14px #e53935,
        13px 14px #000,
        2px 15px #000,
        3px 15px #b0bec5,
        4px 15px #b0bec5,
        5px 15px #b0bec5,
        6px 15px #000,
        7px 15px #e53935,
        8px 15px #e53935,
        9px 15px #1e88e5,
        10px 15px #e53935,
        11px 15px #e53935,
        12px 15px #e53935,
        13px 15px #000,
        1px 16px #000,
        2px 16px #b0bec5,
        3px 16px #ffffff,
        4px 16px #b0bec5,
        5px 16px #b0bec5,
        6px 16px #000,
        7px 16px #e53935,
        8px 16px #e53935,
        9px 16px #1e88e5,
        10px 16px #e53935,
        11px 16px #e53935,
        12px 16px #000,
        2px 17px #000,
        3px 17px #000,
        4px 17px #000,
        5px 17px #000,
        6px 17px #000,
        7px 17px #000,
        8px 17px #e53935,
        9px 17px #e53935,
        10px 17px #e53935,
        11px 17px #000,
        12px 17px #000,
        7px 18px #000,
        8px 18px #e53935,
        9px 18px #e53935,
        10px 18px #000,
        11px 18px #e53935,
        12px 18px #e53935,
        13px 18px #000,
        7px 19px #000,
        8px 19px #e53935,
        9px 19px #000,
        10px 19px #000,
        11px 19px #000,
        12px 19px #e53935,
        13px 19px #000,
        6px 20px #000,
        7px 20px #ffffff,
        8px 20px #ffffff,
        9px 20px #000,
        11px 20px #000,
        12px 20px #ffffff,
        13px 20px #ffffff,
        14px 20px #000;
      z-index: 2;
    }
  }
}

@keyframes ai-glow-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}