.link-arrow {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  padding-block-end: 8px;
  border-block-end: 1px solid var(--c-text);
  font-family: var(--f-gothic);
  font-size: var(--fs-body-sm);
  font-weight: 500;
  letter-spacing: 0.075em;
  text-decoration: none;
  white-space: nowrap;
  transition: gap var(--dur-hover) var(--ease-elegant);
}

.link-arrow__icon {
  font-size: 1.05em;
  line-height: 1;
  transition: transform var(--dur-hover) var(--ease-elegant);
}

.link-arrow:hover {
  gap: 18px;
}

.link-arrow:hover .link-arrow__icon {
  transform: translateX(3px);
}