Ustawienie guzików w oknie modalnym

Próbuję ustawić w oknie modalnym guzik który będzie trzymał się na linii pomiędzy otwartymi panelami. W przypadku guzika do otwarcia to w miarę ogarnąłem i trzyma się prawej strony, ale gdy wysunę prawy panel to nie mam pomysłu jak ogarnąć to css-em aby guzik do zamykania był przyklejony w jedno miejsce. Może ktoś zobaczyć jak to ogarnąć albo podsunąć lepszy pomysł na ustawianie tych guzików?
Przykład na stackblitz: https://stackblitz.com/edit/angular-f9gp92

#kontener {position:relative}

#guzik_w_kontenerze {position:absolute; top:iletamchcesz; right:iletamchesz}

Guzik w kontenerze może wychodzić poza kontener.

@Freja Draco: A nie da się ustawić go tak aby zawsze był przyklejony pomiędzy tymi panelami bez sztywnych ustawień i nie wychodził poza okno modalne? W przypadku zmiany rozdzielczości i tak mi się to rozjeżdża.

Seme napisał(a):

@Freja Draco: A nie da się ustawić go tak aby zawsze był przyklejony pomiędzy tymi panelami bez sztywnych ustawień

Nie rozumiem pytania.

i nie wychodził poza okno modalne?
Position:absolute i position:fixed wyjmują obiekt z normalnego, automatycznego układania elementów na stronie.
Więc jeśli nie chcesz, żeby guzik w panelu nie wychodził poza kontener, w którym jest ten panel, to musisz to sztucznie wymusić dodatkowym marginesem na panelu z guzikiem albo dodatkowym elementem za panelem.

Osobiście zrobiłabym tak:

[panel z guzikiem] + margin-right::50px + margin-left:-50px + [następny panel]