// === Link ===
.link {
  color: #1f5869;
  text-decoration: none;
  border-bottom: solid 1px transparent;
  transition: color 0.2s ease-out, border-bottom-color 0.2s ease-out;
  vertical-align: top;
  display: inline-block;
  z-index: 1;

  &--styled,
  &:hover {
    color: #0b5192;
    border-bottom-color: #195875;
  }

  &:active {
    transform: translate3d(0, 2px, 0);
  }
}

// === [ Adaptive ] ===

// === Desktop ===
@media (max-width: 1280px) {
  //
}

@media (min-width: 1024px) {
  //
}

// === Tablet && Desktop ===
@media (min-width: 768px) {
  //
}

// === Tablet ===
@media (max-width: 1024px) {
  //
}

// === Mobile ===
@media (max-width: 768px) {
  //
}

@media (max-width: 425px) {
  //
}