<ion-content style="--background: white;">
  <div>
    <img src="assets/icon/update_rocket_image.png" style="width: 100%;" />
  </div>
  <div style="text-align: center;">
    <img src="assets/imgs/CSLogo.png" />
  </div>
  <h1 style="text-align: center; font-weight: bold"> {{ 'general,app-update' | translate }}</h1>

  <h2 style="text-align: center;font-size: 22px;font-weight: bold;">{{'home, app-update' | translate}}</h2>

  <p style="text-align: center;padding: 10px;font-size: 14px;">{{msg}}</p>
  <!-- <p *ngIf="direction == 'rtl'" style="text-align: center;padding: 10px;font-size: 14px;">{{messageAR}}</p> -->
  <ion-footer style="z-index: 100;">
    <ion-grid>
      <ion-row class="ion-justify-content-center">
        <ion-col [size]="11" [sizeLg]="8" [sizeXl]="6" no-padding>
          <ion-button style="font-size: 16px !important; width:100%; --background: #259CB8; background: white;"  expand="block"
            (click)='dismiss()'>
            {{ 'general,update-now' | translate }}
          </ion-button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-footer>​
</ion-content>