.mm-button-link {
  &:hover {
    color: var(--color-primary-default);
    opacity: 0.5;
  }

  &:active {
    color: var(--color-primary-default);
    opacity: 0.5;
  }

  &--disabled {
    &:hover {
      color: var(--color-primary-default);
      opacity: 0.3;
    }

    &:active {
      opacity: 0.3;
    }
  }

  &--type-danger {
    &:hover {
      color: var(--color-error-default);
      opacity: 0.5;
    }

    &:active {
      color: var(--color-error-default);
      opacity: 0.5;
    }
  }

  &--type-danger#{&}--disabled:hover {
    opacity: 0.3;
  }
}