@import '~styles/mixins';

.summary-card {
  background-color: $color-grey-background;
  padding: 50px;
  border-radius: 10px;

  @include medium {
    padding: 30px;
    width: 100%;
  }

  .item {
    .item-container {
      align-items: flex-start;
    }
  }
  .separator {
    margin: 10px 0;
    border-bottom: 2px solid $color_border;
  }
  .price {
    font-weight: bold;
  }
  .summary-card-detail {
    margin-top: 10px;
    .item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 0;
    }

    .left-part {
      display: flex;
    }
    .strong {
      font-weight: 700;
    }
  }
}
