.link-hover-arrow {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: var(--color-gray-blue);
  display: flex;
  align-items: center;
  gap: 10px;
}
.link-hover-arrow:hover {
  color: currentColor;
}
.link-hover-arrow circle {
  transition: fill 0.5s;
}
.link-hover-arrow path {
  transition: stroke 0.5s;
}
.link-hover-arrow:hover circle {
  fill: #27383f;
}
.link-hover-arrow:hover path {
  stroke: #ffffff;
}
.link-hover-arrow:active circle {
  transition: fill 0.3s;
  fill: #f5cd1f;
}
.link-hover-arrow:active path {
  transition: stroke 0.3s;
  stroke: var(--color-black);
}