@import "~@cultureamp/kaizen-component-library/styles/layout";
@import "~@cultureamp/kaizen-component-library/styles/type";

.actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.actionButton + .actionButton {
  @include ca-margin($end: $ca-grid * 0.5);
}

// to avoid the row-reverse styles
.elmActionButton + .elmActionButton {
  @include ca-margin($start: $ca-grid * 0.5);
}

.footerWrap {
  align-items: baseline;
  width: 100%;
  box-sizing: border-box;
}

.center {
  display: flex;
  justify-content: center;
}

.border {
  border-top: 1px solid $ca-border-color;
}

.start {
  display: flex;
  justify-content: flex-start;
}

.end {
  display: flex;
  justify-content: flex-end;
}

.fixed {
  position: absolute;
  bottom: 0;
  left: 0;
}
.filler {
  visibility: hidden;
}

.padded {
  padding: $ca-grid;
}