/* Improved glare hover effect */
.glare-hover {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
  transition: transform 0.25s ease;
}

.glare-hover:hover {
  transform: translateY(-2px) scale(1.02);
}

.glare-hover::before {
  content: '';
  position: absolute;
  inset: -150%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.25) 45%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.25) 55%,
    transparent 100%
  );
  transform: rotate(15deg) translateX(-120%);
  opacity: 0;
  transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1),
              opacity 0.6s ease;
  pointer-events: none;
}

.glare-hover:hover::before {
  transform: rotate(15deg) translateX(120%);
  opacity: 1;
}