/* Tuỳ chọn: style cơ bản của câu slogan */
.sologan {
  position: relative;
  display: inline-block;
  font-weight: 700;
  /* letter-spacing: .5px; */
}

/* Hiệu ứng ánh sáng quét */
.sologan.shine {
  overflow: hidden; /* tránh vệt sáng tràn ra ngoài */
}

.sologan.shine::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  height: 100%;
  width: 55%;
  /* dải ánh sáng có tâm sáng ở giữa */
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.25) 40%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.25) 60%,
    rgba(255,255,255,0) 100%
  );
  border-radius: 30%;
  transform: skewX(-20deg);
  pointer-events: none;
  mix-blend-mode: screen; /* giúp lớp sáng trông tự nhiên trên màu chữ */
  animation: shine-sweep 5s linear infinite;
}

@keyframes shine-sweep {
  to { left: 150%; }
  form{right: 200%;}
}

/* Tôn trọng người dùng giảm chuyển động */
/* @media (prefers-reduced-motion: reduce) {
  .sologan.shine::after { animation: none; }
} */

p.sologan.shine:hover::after { animation: shine-sweep 5s linear; }