<div class="container" [ngClass]="{'right-panel-active': rightPanelActive}">
  <div class="form-container sign-up-container">
    <form action="#">
      <h1>Създай акаунт</h1>
      <input type="text" placeholder="Име" />
      <input type="email" placeholder="Електронна поща" />
      <input type="password" placeholder="Парола" />
      <button>Регистрация</button>
    </form>
  </div>
  <div class="form-container sign-in-container">
    <form action="#">
      <h1>Вход</h1>
      <input type="email" placeholder="Електронна поща" />
      <input type="password" placeholder="Парола" />
      <a href="#">Забравена парола?</a>
      <button>Вход</button>
    </form>
  </div>
  <div class="overlay-container">
    <div class="overlay">
      <div class="overlay-panel overlay-left">
        <h1>Добре дошли отново!</h1>
        <p>За да останете свързани с нас, моля влезте с вашите лични данни</p>
        <button class="ghost" (click)="deactivateRightPanel()">Вход</button>
      </div>
      <div class="overlay-panel overlay-right">
        <h1>Здравей, приятел!</h1>
        <p>Въведете своите лични данни и започнете пътуването си с нас</p>
        <button class="ghost" (click)="activateRightPanel()">Регистрация</button>
      </div>
    </div>
  </div>
</div>

<button (click)="activateRightPanel()">Sign Up</button>
<button (click)="deactivateRightPanel()">Sign In</button>