@media only screen and (min-width: 1440px) {
    .d-flex > .btn {
        min-width: 0;
    }
}

.loop-btn-input-increase, .loop-btn-input-decrease {
    width: 80px !important;
}

@media only screen and (max-width: 600px) {
    .loop-bundle-description {
        padding: 30px;
    }
  .btn, .shopify-payment-button__button--unbranded {
    width: 70%;
  }
  .loop-bundle-total-label{
    width: 100px;
  }
  .loop-bundle-saved-label{
    font-size: 15px;
  }
}

select {
  padding-right: 30px;
 appearance: none; /* this removes the default arrow */
 background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); /* this adds a custom arrow */
 background-repeat: no-repeat;
 background-position: right center;
}


.loop-btn-input-increase, .loop-btn-input-decrease {
    min-width: 80px !important;
}