$similar-product-bg: $body-bg !default;
$similar-product-border: 1px solid $border-color !default;
$similar-product-image-size: 80px !default;

.similar-product {
   display: flex;
   padding: calc($grid-gutter-width / 2);
   border: $similar-product-border;
   background: $similar-product-bg;
   margin-bottom: $spacer;

   p {
      margin: 0;
   }

   a {
      @include underline-hover;
   }

   > div {
      flex: 1;
      align-self: center;
   }

   .image {
      width: $similar-product-image-size;
      margin-right: calc($grid-gutter-width / 2);
   }

   .price {
      font-weight: $font-weight-bold;
      color: $text-dark;
   }
}
