.action-group {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: $gap * 4;
  margin-bottom: $gap * 4;

  &--tight {
    margin-top: $gap * 2;
  }

  .usa-button,
  a {
    margin: 0 0 0 $gap;

    @include media($medium-screen) {
      margin: 0 0 0 ($gap * 2);
    }
  }

  &:last-child {
    margin-bottom: $gap * 3;
  }

  .action-group__action--left {
    margin-left: 0;
    margin-right: auto;
  }
}