.sq-actions {
  width: 100%;
  text-align: right;
  &__action {
    display: inline-block;
    padding-left: 8px;
    &:first-child {
      border-left: none;
      padding-left: 0;
      margin-left: 0px;
    }
    &.Button {
      border-left: none;
      padding-left: 4px;
    }
  }

  &--vertical {
    .sq-actions__action {
      margin-left: 0;
      margin-bottom: 8px;
      text-align: center;
    }
  }
  
  &--flex {
    display: flex;
    .sq-actions__action {
      flex-grow: 1;
      flex-basis: 0;
    }
  }
}