.fs-store-hours {
  overflow: hidden;
  padding: 10px 16px;
  color: #fff;
  background: linear-gradient(90deg, #2d5fa8, #6399e1);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.fs-store-hours[hidden] {
  display: none;
}

.fs-store-hours__message span,
.fs-store-hours__message a {
  margin-inline: 2px;
}

.fs-store-hours__message a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.fs-store-hours__message a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .fs-store-hours__message {
    width: max-content;
    padding-left: 100%;
    white-space: nowrap;
    animation: fs-store-hours-scroll 25s linear -9s infinite;
  }

  .fs-store-hours:hover .fs-store-hours__message {
    animation-play-state: paused;
  }

  .fs-store-hours:focus-within .fs-store-hours__message {
    width: auto;
    padding-left: 0;
    animation: none;
  }

  @keyframes fs-store-hours-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
  }
}