<div class="basic-topbar-one">
  <p class="topbar-text-blink">✨ FREE SHIPPING ON ORDERS OVER $50 • SHOP NOW ✨</p>
</div>

<style>
/* CSS FOR SAMPLE 1 */
.basic-topbar-one {
  background: linear-gradient(90deg, #990000 0%, #000000 100%); /* Black background */
  color: #ffffff;            /* White text */
  text-align: center;
  padding: 10px 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.5px;     /* Elegant spacing */
}

/* Gentle opacity blink effect */
.topbar-text-blink {
  animation: gentle-blink 2.5s infinite ease-in-out;
}

@keyframes gentle-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4; /* Fades out slightly at the midpoint */
  }
}
</style>