.link {
  font: var(--tall);
  font-weight: 700;
  display: flex;
}

@media (max-width: 650px) {
  .link {
    font: var(--petit);
    font-weight: 700;
  }
}

.link:hover .link__arrow {
  padding-left: 20px;
}

.link__arrow {
  width: .75em;
  height: .75em;
  margin: auto 0;
  padding-left: 15px;
  transition: padding-left .3s ease-in-out;
}

.link__arrow-path {
  fill: currentColor;
}