.discount-code {
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  background: $color-mystic;
  padding: 7px 15px 7px 30px;
  line-height: 16px;
  display: inline-block;
  &:after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: $color-white;
    display: block;
    position: absolute;
    top: 50%;
    @include transform(translateY(-50%));
    right: -6px;
    content: '';
  }
  &:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: $color-white;
    display: block;
    position: absolute;
    top: 50%;
    @include transform(translateY(-50%));
    left: -6px;
    content: '';
  }
  span {
    position: relative;
    &:before {
      content: '';
      height: 30px;
      position: absolute;
      display: block;
      width: 10px;
      top: -6px;
      left: -10px;
      border-left: 2px dashed $color-white;
    }
  }
}