.snap-ui-renderer__footer-button {
  &:not(.hide-snap-branding) {
    &.mm-button-primary {
      box-shadow: none;
      color: var(--color-text-alternative);
      background-color: var(--color-icon-default);

      &:hover:not(&--disabled) {
        opacity: 80%;
        box-shadow: none;
      }

      &:active:not(&--disabled) {
        opacity: 60%;
      }
    }

    &.mm-button-secondary {
      border-color: var(--color-icon-default);
      color: var(--color-icon-default);

      & span {
        color: var(--color-icon-default);
      }

      &:hover:not(&--disabled) {
        border-color: var(--color-icon-default);
        color: var(--color-background-default);
        background-color: var(--color-background-default-hover);
        box-shadow: none;

        & span {
          color: var(--color-icon-default);
        }
      }

      &:active:not(&--disabled) {
        border-color: var(--color-icon-default);
        opacity: 60%;

        & span {
          color: var(--color-icon-default);
        }
      }
    }
  }

  &:not(&--disabled) {
    &:hover {
      cursor: pointer;
    }
  }

  &.mm-button-secondary {
    &:hover:not(&--disabled) {
      & > span {
        color: var(--color-primary-inverse);
      }
    }
  }

  &--disabled {
    cursor: default !important;
  }
}
