@import '../../../core/src/style/variables';

// 'Add to Cart' styles

:host {
  display: block;
  position: relative;
  font-size: 16px;
}

p {
  min-width: 160px;
}

button[wpt-dialog-close-x] {
  position: absolute;
  top: -20px;
  right: -10px;
  border: none;
  color: $middarkgrey;
  background-color: transparent; // Overrides user agent style that makes button gray
}
.totals {
  border-top: 2px solid black;
  display: flex;
  margin-bottom: 40px;
  justify-content: space-between;
  p {
    flex: 1 0 auto;
    width: 120px;
    &:last-child {
      text-align: right;
    }
  }
}
.controls {
  margin-top: 40px;


  button {
    width: auto;
    min-width: 150px;
    @media screen and (min-width: 466px) {
      float: right;
      margin-right: 15px;
    }

    &:nth-child(2) {
      margin-right: 15px;
    }
  }
}