.neon-btn {
  transition: all 0.5s ease;

  .neon(@col) {
    color: @black;
    background-color: @col;
    box-shadow: 0px 0px 52px 10px @col;
  }

  &.green-btn {
    &:hover,
    &.animated {
      .neon(@neonGreen);
    }
  }

  &.blue-btn {
    &:hover,
    &.animated {
      .neon(@neonBlue);
    }
  }

  &.red-btn {
    &:hover,
    &.animated {
      .neon(@neonRed);
    }
  }

  &.purple-btn {
    &:hover,
    &.animated {
      .neon(@neonPurple);
    }
  }

  &.orange-btn {
    &:hover,
    &.animated {
      .neon(@neonOrange);
    }
  }

  &.yellow-btn {
    &:hover,
    &.animated {
      .neon(@neonYellow);
    }
  }

  &.pink-btn {
    &:hover,
    &.animated {
      .neon(@neonPink);
    }
  }

  &.black-btn {
    &:hover,
    &.animated {
      .neon(@neonBlack);
      color: @lightText !important;
    }
  }

  &.white-btn {
    &:hover,
    &.animated {
      .neon(@neonWhite);
    }
  }
}