@use '~@moda/om';

.ControlLink {
  $self: &;
  @include om.text(body1);

  display: inline-flex;

  &:hover,
  &:focus {
    &:not(#{$self}--disabled) {
      @include om.thin-underline();
      color: om.color(ink);
      opacity: 0.7;
    }
  }

  &--underlined {
    @include om.thin-underline();
  }

  &--disabled {
    color: om.color(fog);
  }
}