@import "/assets/css/_lib";

.sale_button_container{
 
}

.btn_area {
  display: flex;
  padding: 12px;
  .btn_wrap {
    flex: 1 1 auto;
    padding: 0 4px;
  }

}

.btn {
  width: 100%;
  height: 37px;
  border-radius: 18px;
  font-size: 12px;
  line-height: 35px;
  border: 1px solid #ddd;
  font-family: 'Retorica', 'Barun';
}
.btn_color {
  border: 0;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(90deg, rgba(249,72,160,1) 0%, rgba(120,156,187,1) 70%, rgba(22,220,207,1) 100%);
  &[aria-disabled*="true"] {
    color: #ddd;
    background: #f5f5f5;
  }
}

.buy_wrap {
  width: 300px;
  padding: 18px 0 19px;
  font-size: 13px;
  line-height: 17px;
  box-sizing: border-box;
  text-align: left;
  .buy_area {
    & + .buy_area {
      padding-top: 15px;
    }
    .title {
      color: #888;
    }
    .info {
      padding-top: 4px;
      word-break: break-word;
    }
  }
  .price_area {
    padding-top: 20px;
  }
  .input_box {
    padding-bottom: 14px;
  }
  .detail_box {
    .detail {
      & + .detail {
        padding-top: 9px;
      }
      &::after {
        @include clear;
      }
      .title {
        float: left;
        margin-right: 10px;
        color: #888;
      }
      .info {
        @include ellipsis;
        font-weight: 600;
        text-align: right;
        letter-spacing: -0.4px;
      }
    }
  }
}