/* Desktop Mode: Left to Right */
.header-gradient {
  background: linear-gradient(90deg, #ffffff 80%, var(--rating-color) 100%);
}

/* Tablet and Phone Mode: Top to Bottom */
@media (max-width: 1024px) {
  .header-gradient {
    background: linear-gradient(180deg, #ffffff 80%, var(--rating-color) 100%);
  }
}