.auno-summarize {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--16);
  font-size: var(--wp--preset--font-size--small);
}

.wp-block-post-featured-image + .auno-summarize {
  margin-top: var(--wp--preset--spacing--40);
}

.auno-summarize__label {
  color: color-mix(in srgb, var(--wp--preset--color--contrast) 70%, var(--wp--preset--color--base));
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.2;
  text-transform: uppercase;
}

.auno-summarize__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--12);
  margin: 0;
  padding: 0;
  list-style: none;
}
.auno-summarize__list li {
  transition: opacity var(--wp--custom--motion--duration) var(--wp--custom--motion--ease);
}
.auno-summarize__list:has(li:hover) li:not(:hover) {
  opacity: 0.5;
}

.auno-summarize__link {
  display: block;
  color: var(--wp--preset--color--contrast);
  transition: transform 0.4s var(--wp--custom--motion--ease);
}
.auno-summarize__link svg {
  display: block;
  width: 20px;
  height: 20px;
}
.auno-summarize__link:is(:hover, :focus-visible) {
  transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
  .auno-summarize__link {
    transition: none;
  }
  .auno-summarize__link:is(:hover, :focus-visible) {
    transform: none;
  }
}