.pdp-ingredients {
  @media (max-width: 749px) {
    .custom-section-content {
      &>.layout-panel-flex {
        --gap: 1.5rem !important;
      }
    }
  }

  .button-secondary {
    &.button-secondary--active {
      --color-secondary-button-background: #DBD4C266;
      --button-border-color: #DBD4C266;
    }

    @media (min-width: 1024px) {
      min-height: 4.5rem;
      --font-paragraph--size: 1rem;
    }
  }

  .pdp-ingredients__button-container {
    @media (max-width: 749px) {
      max-width: 100%;

      &>.group-block-content {
        flex-direction: row !important;
        overflow-x: auto;
        scrollbar-width: none;

        &::-webkit-scrollbar {
          display: none;
        }

        .button-secondary {
          min-width: max-content;
        }
      }
    }
  }

  .pdp-ingredients__panel {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;

    @media (max-width: 749px) {
      .group-block {
        order: 2;
      }

      deferred-media {
        order: 1;
      }
    }
  }

  .pdp-ingredients__panel--visible {
    opacity: 1;
  }

  .pdp-ingredients__panel--hidden {
    display: none;
  }
}