.params-form-footer {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;

  button {
    @include action-button();
    display: inline-block; // override whatever .action-button does

    // Now resize: this button can be a good deal smaller than a typical .action-button
    min-width: 0;
    min-height: 0;
    width: auto;
    height: auto;
    font-size: 1.1rem;
  }

  button[type='button'] {
    @include button-blue();
    margin-right: auto; // put it as far to the left as possible
  }

  button[type='submit'] {
    @include button-orange--fill();

    i::before {
      vertical-align: -2px; // font bug? glyph isn't centered?
      margin-left: 3px;
    }
    &:disabled {
      @include button-blue();
      opacity: 0.6;
      cursor: default;

      &:hover {
        background-color: transparent;
        color: $brand-workspace;
        cursor: default;
      }
      &:active {
        color: $brand-workspace;
      }
    }
    &:active {
      border: 1px solid $brand-orange;
    }
    &:hover {
      background-color: $brand-orange--medium;
      color: white;
    }
  }
}
