@import "../../src/scss/variables.scss";
@import "../../src/scss/mixins.scss";

.component-productBox {
  position: relative;
  padding-bottom: 80px;
  height: 100%;

  .image {
    width: 100%;
    padding-bottom: 10px;
  }

  .title {
    display: inline-block;
    width: calc(100% - 70px);
    padding-right: 5px;
    font-size: $font-16;
    font-weight: 600;
    line-height: $font-16;
    color: $black;
  }

  .price {
    display: inline-block;
    width: 70px;
    font-size: $font-16;
    font-weight: light;
    text-align: right;
    white-space: no-wrap;
    color: $black;
  }

  .add-to-cart{
    position: absolute;
    bottom: 20px;
    width: 100%;
  }
}