@layer components {
  .swatches {
    display: flex;
    align-items: center;
    gap: var(--spacing-unit-xxs);
  }

  .swatches__link {
    display: block;
    text-decoration: none;

    &:focus-within {
      outline-offset: 0;
    }
  }
}