.woocommerce span.onsale {
  line-height: 2.8;
  width: 2.5rem;
  min-width: 0;
  height: 2.5rem;
  min-height: 1.7rem;
  padding: 0;
  transform: rotate(-10deg);
  animation: beat 1s ease infinite alternate;
  border-radius: 0;
  background: orange;
}

.onsale:before,
.onsale:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  content: '';
  transform: rotate(30deg);
  background: inherit;
}

.onsale:after {
  transform: rotate(60deg);
}

@keyframes beat {
  from {
    transform: rotate(deg) scale(1);
  }

  to {
    transform: rotate(deg) scale(1.1);
  }
}