.page-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;

  &.page-actions-center {
    justify-content: center;
  }

  &.page-actions-block {
    > .panel-btn {
      flex-grow: 1;
    }
  }

  &.page-actions-left {
    justify-content: flex-start;

    & > a,
    & > button {
      margin-right: 10px;
      margin-left: 0;
    }
  }

  &.page-actions-right {
    justify-content: flex-end;

    & > a,
    & > button {
      margin-right: 0;
      margin-left: 10px;
    }
  }
}

@media (max-width: $desktop-breakpoint) {
  .page-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    text-align: center;

    &.page-actions-block {
      > .panel-btn {
        margin-bottom: 20px;

        &.panel-btn-inline {
          margin-bottom: 0;
        }
      }
    }

    &.page-actions-left {
      justify-content: space-between;

      > :last-child {
        margin-right: 0;
      }
    }

    &.page-actions-right {
      justify-content: space-between;

      > :first-child {
        margin-left: 0;
      }
    }

    .panel-btn {
      flex-grow: 1;
    }
  }
}
