@import '../../scss/styles.scss';

@layer payload-default {
  .relationship-add-new {
    display: flex;
    align-items: stretch;

    .popup__trigger-wrap {
      display: flex;
      align-items: stretch;
      height: 100%;
    }

    &__add-button:not(.relationship-add-new__add-button--unstyled),
    &__add-button:not(.relationship-add-new__add-button--unstyled).doc-drawer__toggler {
      @include formInput;
      margin: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      position: relative;
      height: 100%;
      margin-left: -1px;
      display: flex;
      padding: 0 base(0.5);
      align-items: center;
      display: flex;
      cursor: pointer;
    }

    &__add-button {
      margin: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      position: relative;
      height: 100%;
      margin-left: -1px;
      display: flex;
      padding: 0 base(0.5);
      align-items: center;
      display: flex;
      cursor: pointer;
    }
  }
}