.link {
  display: flex;
  align-items: center
}

.link:hover .link__icon {
  transform: translateX(25px)
}

@media (max-width:599px) {
  .link:hover .link__icon {
    transform: translateX(10px)
  }
}

.link:hover .link__icon--on-left {
  transform: translateX(-25px)
}

@media (max-width:599px) {
  .link:hover .link__icon--on-left {
    transform: translateX(-10px)
  }
}

.link--small .link__text {
  font-size: 1.4rem
}

@media (max-width:599px) {
  .link--small .link__text--contact {
    font-size: 1.6rem
  }
}

.link--smaller .link__text {
  font-size: 1.2rem;
  letter-spacing: .0625em
}

.link--big .link__text {
  font-size: 2.1rem
}

.link--blue .link__text {
  color: #111111
}

.link--blue .link__icon {
  fill: #111111
}

.link--black .link__text {
  color: #000
}

.link--black .link__icon {
  fill: #000
}

.link--default .link__text {
  transition: color .2s
}

.link--default:hover .link__text {
  color: #d4872b
}

.link__text {
  font-family: "Hrot Premium", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .0625em
}

.link__text.link__lcase {
  text-transform: none;
}

@media (max-width:899px) {
  .link__text {
    font-size: 1.4rem
  }
}

@media (max-width:599px) {
  .link__text {
    /* width: 100%;
    flex: auto; */
    line-height: 1.3
  }
}

.link__icon {
  flex: none;
  fill: #fff;
  width: 30px;
  height: 12px;
  margin-left: 15px;
  transition: transform .2s
}

.link__icon--on-left {
  margin-left: 0;
  margin-right: 15px
}

@media (max-width:899px) {
  .link__icon--on-left {
    margin-left: 20px
  }
}