.uex-template-action-bar {
  position:  absolute;
  display: table;
  width: calc(100% - 1rem);
  top: auto;
  right: .5rem;
  bottom: .5rem;
  left: .5rem;
  text-align: right;

  > [uex-action-item],
  > .uex-action-item {
    display: table-cell;
    width: 100%;
    text-align: right;

    + [uex-action-item],
    + .uex-action-item {
      display: block;
    }
  }

  &.top,
  &[top] {
    top: 5rem;
    bottom: auto;
  }

  &.bottom,
  &[bottom] {
    top: auto;
    bottom: 5rem;
  }
}