@layer components {
  .product-compatibility__slide {
    padding: 0 var(--spacing-unit-xs);
  }

  .product-compatibility__text-container {
    text-align: center;

    @media screen and (min-width: 768px), print {
      text-align: left;
    }
  }

  .product-compatibility__tag {
    margin: 0 0 var(--spacing-unit-m);
  }

  .product-compatibility__button {
    margin: var(--spacing-unit-m) 0 0;
  }

  .product-compatibility__summary {
    @media screen and (min-width: 768px), print {
      text-align: left;
    }
  }
}