round home buttons

src/app/pages/login/login.page.html

@@ -17,7 +17,7 @@
                             Scan Login</ion-button>
                     </ion-col>
                     <ion-col size="6">
-                        <ion-button  class="login-type"  (click)="familyLogin()">
+                        <ion-button  class="login-type22"  (click)="familyLogin()">
                             <ion-icon name="people-circle-outline"></ion-icon>
                            Family Login</ion-button>
                     </ion-col>
@@ -56,10 +56,10 @@
                 <ion-label>Remember me</ion-label>
             </div>
 
-            <ion-button expand="block" (click)="startLogin()">
+            <ion-button shape="round" expand="block" (click)="startLogin()">
                 Login
             </ion-button>
-
+<!--            <ion-button shape="round">Round</ion-button>-->
             <ion-label class="forgot_lbl" (click)="onForgot()">Forgot your password ?</ion-label>
 
             <div *ngIf="showSocial == true ">

src/app/pages/login/login.page.scss

@@ -53,7 +53,7 @@ ion-content {
   }
 
   ion-button {
-    --border-radius: 10px;
+    --border-radius: 40px;
     margin-top: 1.5rem;
     height: 50px;
   }