.base-link {
  --bl-underline-color: transparent;
  --bl-link-color: #ffffff;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 500;
  margin: 0;
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  color: var(--bl-link-color);
  text-decoration: none;
  cursor: pointer
}

.base-link:has(img) {
  display: flex;
  align-items: center;
  gap: 8px
}

.base-link__text {
  position: relative
}

.base-link__text:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transition: transform .3s ease;
  background-color: var(--bl-underline-color)
}

@media not all and (hover:none) {
  .base-link__text:hover:before {
    transform: scaleX(1)
  }
}

.base-link_small {
  font-size: 12px;
  line-height: 1.6666666667
}

.base-link_yellow {
  --bl-link-color: #ffffff;
  --bl-underline-color: #fadb14
}

.base-link_orange {
  --bl-link-color: #ffffff;
  --bl-underline-color: #fa8c16
}

.base-link_black {
  --bl-link-color: #222222;
  --bl-underline-color: #fa8c16
}

.base-link_black-blue-hover {
  --bl-link-color: #222222
}

@media not all and (hover:none) {
  .base-link_black-blue-hover:hover {
    --bl-link-color: #2f54eb;
    --bl-underline-color: #2f54eb
  }
}

.base-link_black-with-blue-hover {
  --bl-link-color: #222222;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.base-link_black-with-blue-hover:hover {
  --bl-link-color: #2f54eb;
  --bl-underline-color: #2f54eb
}

.base-link_deep-black {
  --bl-link-color: #000000;
  --bl-underline-color: #2f54eb
}

.base-link_blue {
  --bl-link-color: #2f54eb;
  --bl-underline-color: #2f54eb
}

.base-link_dark-blue {
  --bl-link-color: #2548d6;
  --bl-underline-color: #2548d6
}

.base-link_simple-hover-grey {
  --bl-link-color: #909090;
  transition: color .3s ease;
  text-decoration: underline
}

@media not all and (hover:none) {
  .base-link_simple-hover-grey:hover {
    --link-color: #2f54eb
  }
}

.base-link_simple-hover-grey:before {
  display: none
}
