@layer components {
  .add-to-cart-button[disabled],
  .add-to-cart-button.is-loading {
    cursor: not-allowed;
  }

  .add-to-cart-button__message {
    margin-top: 0.5rem;
    font-size: 0.875rem;
  }

  .add-to-cart-button__message.is-error {
    color: inherit;
  }
}