/* stylelint-disable selector-pseudo-class-no-unknown */
@import url("@arc-ui/tokens-arc/dist/custom-media.css");

.tagGroup {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.textContent {
  padding-right: 16px;
}

.additionalContentContainer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.shareButtonContainer {
  display: flex;
  gap: 8px;
}

:global(.arc a).shareButton {
  color: var(--sem-color-fg-secondary-light-default);
  background: var(--sem-color-bg-secondary-light-default);
  border: 1px solid var(--sem-color-border-secondary-light-subtle);
  cursor: pointer;
  border-radius: 50%;
  padding: 12px;
  display: block;
  transition:
    0.4s ease color,
    0.4s ease border-color;
}

:global(.arc a).shareButton:hover {
  color: var(--sem-color-bg-primary-light-strong);
  border-color: var(--sem-color-bg-primary-light-strong);
}