.cpap__buy-buttons .product-form__submit,
.cpap__buy-buttons__select-option-button {
  font: 700 var(--cpap-typography-font-lg);
  color: var(--cpap-primary-white);
  border: 1px solid var(--cpap-primary-orange);
  border-radius: 28px;
  letter-spacing: 0;
  transition: all 0.2s;
  margin: 0;
  background: var(--cpap-primary-orange);
  &:hover {
    @media (min-width: 768.5px) {
      background: var(--cpap-overlay-utility-orange);
      border-color: var(--cpap-primary-orange);
      color: var(--cpap-primary-soft-black);
    }
  }
  &:active {
    background: var(--cpap-overlay-utility-orange);
    border-color: var(--cpap-primary-orange);
    color: var(--cpap-primary-soft-black);
  }
  &:before,
  &:after {
    box-shadow: none !important;
  }
  .loading__spinner {
    display: none !important;
  }
}

.cpap__buy-buttons-row {
  font-weight: 700;

  /* 👇 The following are native Shopify classes and therefore won't utilize the BEM naming convention */
  span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none !important;
  }

  .price {
    font-size: inherit;
    line-height: inherit;
  }

  .price__regular {
    display: inline-block !important;
  }

  .price__sale,
  .visually-hidden,
  .price-item--sale {
    display: none !important;
  }

  .price__regular {
    margin-left: 24px;
  }

  button {
    display: inline-block;
    text-align: center;
    font: var(--cpap-typography-font-s-bolder);
    color: var(--cpap-primary-soft-black);
    background: var(--cpap-primary-white);
    border: 1px solid var(--cpap-stroke-gray);
    border-radius: 28px;
    transition: all 0.2s;
    padding: 10.5px 23px;
    width: auto;
    border-color: var(--cpap-primary-orange);

    &:before,
    &:after {
      display: none;
    }
    svg {
      display: none;
    }
    span {
      margin: 0;
      * {
        font: var(--cpap-typography-font-s-bolder);
      }
    }

    &:hover {
      @media (min-width: 768.5px) {
        background: var(--cpap-overlay-utility-orange);
      }
    }

    &:active {
      background: var(--cpap-overlay-utility-orange);
    }
  }
}

.cpap__buy-buttons-box {
  position: relative;

  &.cpap__buy-buttons-box--no-options {
    .product-form__submit {
      opacity: 1 !important;
      visibility: visible !important;
    }
  }
}