@use '../../sass/abstracts' as *;

#{$object-prefix}text-link {
  color: $sodra-black !important;
  @include headline-small;
  text-decoration: none;
  background: transparent;
  cursor: pointer;

  &:hover,
  &:focus {
    text-decoration: underline;
  }

  &:active {
    color: $dark-blue !important;
    outline: none;
  }

  &--large {
    @include headline-large;
    line-height: 3rem;
  }

  &--forward-icon {
    &::after {
      @include unity-symbols('arrow-forward');
      margin-left: 0.5rem;
      transition: transform 0.3s ease-out;
    }

    &:hover {
      &::after {
        transform: translateX(4px);
      }
    }
  }

  &--grey {
    color: $sodra-black-60 !important;
    text-decoration: none;

    &:hover,
    &:focus {
      color: $black !important;
      text-decoration: none;
    }

    &:active {
      color: $black !important;
      outline: none;
    }
  }
}