@import '~styles/mixins';
@import '~styles/adminMixins';

.ShopCard {
  .container {
    border-radius: 12px;
    box-shadow: 12px 12px 30px 0 rgba(33, 118, 255, 0.1);
    border: solid 2px #ededed;
    padding: 5px;

    .image {
      height: 90px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-position: center;
      background-size: cover;
    }

    .info-container {
      padding: 10px;
    }

    .title-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 5px;
      margin-bottom: 10px;

      .title {
        @include subtitleModule;
      }

      .price {
        @include tag($color-primary);
        font-size: 12px;
        font-size: bold;
      }
    }

    .teaser {
      font-size: 12px;
      letter-spacing: 0.2px;
      color: $color_primary;
    }

    .actions {
      margin-top: 30px;
    }
  }
}
