.product-tags {
   margin: 0 -5px $spacer-lg;
}

.product-tag {
   text-decoration: none;
   box-shadow: $box-shadow;
   border: 1px solid $border-color;
   border-radius: $border-radius-base;
   background: $white;
   color: $text-dark;
   display: inline-block;
   font-size: $font-size-smaller;
   margin: 5px;
   padding: 3px 12px;
   font-weight: $font-weight-bold;
   transition: all $transition-speed;

   @include haf {
      background: $white;
      border-color: $black;
      color: $text-dark;
   }
}

@media screen and (max-width: $md - 1) {
   .product-tags-wrapper {
      display: none;
   }
}
