.product-discount-banner{font-size:1.3rem;padding:.8em 1.6em .8em 1.2em;border-radius:3px;display:flex;align-items:center;justify-content:flex-start;margin:0;background-color:#f3f3f3;color:#000}
.product-discount-banner+.product-discount-banner{margin-top:1.4rem}
.product-discount-banner .icon{margin-right:1em;fill:currentColor}
.product-discount-banner p{margin:0;font:inherit;color:inherit}

.js.product-form__input.product-form__input--pill.mix {
    label {
        padding: 0;
        border: 0;
        --swatch-input--size: 7rem;
    }
    input:checked  + label {
        outline: 0;
        border: 0;
        background-color: transparent;
    }
}

.custom-size-section {
    display: flex;
    justify-content: space-between;
    align-items: center;

    #ProductPopup-Sizes {
        display: flex;
        align-items: center;
        color: #000;
    }

}

.product__info-wrapper .product-form__buttons,
.product__info-wrapper .product-form__input.product-form__input--dropdown {
    max-width: 100%;
}

.swatch-input__label.swatch-input__label--circle:hover {
    border-radius: 50%;
}
.product-discount-banner--button {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  .product-discount-banner--button .tooltiptext {
    background-color: #1e1e1e;
    color: #fff;
    text-align: center;
    padding: 8px;
    border-radius: 3px;
    position: absolute;
    bottom: 100%;
    right: -20px;
    margin-left: 0;
    display: none;
  }

  .product-discount-banner--button .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1e1e1e transparent transparent transparent;
  }
  
  .product-discount-banner--button:hover .tooltiptext {
    visibility: visible;
    display: block;
  }