.ticker__viewport {
      overflow: hidden;
      position: relative;
      height: 40px;
      flex: 1;
      background: #fff;
      border-radius: 4px;
      display: flex;
      align-items: center;
    }

    .ticker__list {
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0;
      white-space: nowrap;
      position: absolute;
      top: 0;
      left: 0;
      animation: marquee 40s linear infinite;
    }

    .ticker__list.clone {
      animation: marquee 40s linear infinite;
    }

    .ticker__item {
      display: inline-block;
      padding: 0 2rem;
      font-size: 1rem;
      line-height: 40px;
      white-space: nowrap;
      list-style: none;
    }

    .ticker__item a {
      color: #000;
      font-weight: 500;
      text-decoration: none;
      transition: color 0.3s;
    }

    .ticker__item a:hover {
      color:#06296e;
      text-decoration: none;
    }

    .ticker__item:before {
      content: "»";
      color: #ffd700;
      margin-right: 8px;
      font-weight: bold;
    }

    .latest-div {
      background: #f3a700;
      color: #fff;
      padding: 6px 14px;
      border-radius: 4px;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
     margin: 3px;
      height: 40px;
      user-select: none;
    }

    .latest-div img {
      margin-left: 6px;
      width: 14px;
      height: 14px;
      margin-top:6px;
    }

    @keyframes marquee {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-100%);
      }
    }

    /* Pause animation on hover */
    .ticker__viewport:hover .ticker__list {
      animation-play-state: paused;}