.action-link {
  width: max-content;
  font-size: var(--fs-14);
  font-weight: var(--fw-600);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-150);
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
}

.action-link:hover {
  color: var(--color-primary-dark);
}

.action-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.action-link__icon img {
  width: var(--space-16);
  height: var(--space-16);
}

.action-link--primary {
  font-weight: var(--fw-700);
}

.action-link--secondary {
  font-weight: var(--fw-500);
}