.button-comp-wrap {
  display: flex;
  align-items: center;
  justify-content: center;

  .first-button {
    margin: 5px;
  }

  .secondary-button {
    margin: 5px;
  }

  &.layout1 {
    flex-direction: column;

    &.left {
      align-items: flex-start;
    }

    &.center {
      align-items: center;
    }

    &.right {
      align-items: flex-end;
    }
  }

  &.layout2 {
    flex-direction: row;

    &.left {
      justify-content: flex-start;
    }

    &.center {
      justify-content: center;
    }

    &.right {
      justify-content: flex-end;
    }
  }


}