.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xsmall);
  padding: 0 0 var(--padding-xxsmall);
  background: none;
  color: var(--content-primary);
  border: 0;
  border-bottom: var(--stroke-small) solid var(--border-secondary);
  font: var(--text-footnote-ac);
  letter-spacing: var(--text-footnote-ac-tracking);
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color var(--duration-slide) var(--ease-reveal);
}

.link-arrow:hover {
  border-color: var(--border-strong);
}

.link-arrow-icon {
  transition: transform var(--duration-slide) var(--ease-reveal);
}

.link-arrow:hover .link-arrow-icon {
  transform: translateX(var(--spacing-xxsmall));
}