#sale-timer-shortcode {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: 0 !important;
  margin-top: -6px;
  /* поближе к цене, у самой цены 12px снизу */
  margin-bottom: 12px;
  position: relative;
  width: 50%;
  height: 25px;
  border: 2px solid var(--wp--preset--color--background);
  border-radius: 20px;
  background-color: var(--wp--preset--color--background);
}

#sale-timer-shortcode .sale-timer-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-width: 5%;
  max-width: 95%;
  background: repeating-linear-gradient(330deg,
      #9100FF 0 10px,
      #a33fff 10px 20px);
  background-size: 40px 40px;
  animation: sale-timer-animate 2s linear infinite;
  transition: width 0.5s linear;
  border-radius: 20px 0 0 20px;
}

#sale-timer-shortcode .sale-timer-text {
  color: var(--wp--preset--color--primary);
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  z-index: 2;
}

@keyframes sale-timer-animate {
  0% {
    background-position: 40px 0;
  }

  100% {
    background-position: 0 0;
  }
}

@media (max-width: 480px) {
  #sale-timer-shortcode {
    width: 100%;
  }
}