.ui-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color var(--transition);
}
.ui-link._type-default {
  color: var(--color-blue-3);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}
.ui-link._type-download {
  color: var(--color-blue-3);
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
}
.ui-link._type-white {
  color: var(--color-white-2);
}
.ui-link._type-contact {
  color: var(--color-white-2);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xxs);
}
.ui-link._type-white-arrow path {
  stroke: var(--color-white);
}
.ui-link._type-white-arrow .ui-link__arrow {
  border-color: var(--color-white);
}
@media (hover: hover) {
  .ui-link:hover._type-download {
    color: var(--color-black);
  }
  .ui-link:hover._type-white, .ui-link:hover._type-contact {
    color: var(--color-blue-3);
  }
  .ui-link:hover._type-white-green {
    color: var(--color-green-1);
  }
  .ui-link:hover._type-white-arrow .ui-link__arrow {
    border: var(--border-blue-3);
  }
  .ui-link:hover .ui-link__arrow {
    background-color: var(--color-blue-3);
  }
  .ui-link:hover .ui-link__arrow path {
    stroke: var(--color-white);
  }
}
.ui-link__arrow {
  width: 20px;
  height: 20px;
  padding: 3.5px;
  border: var(--border-blue-3-bold);
  border-radius: 50%;
  transition: background-color var(--transition);
}
.ui-link__arrow path {
  transition: stroke var(--transition);
}