diff --git a/src/app/pages/login-social/login-social.component.css b/src/app/pages/login-social/login-social.component.css
index fcca13ed..1123cad0 100644
--- a/src/app/pages/login-social/login-social.component.css
+++ b/src/app/pages/login-social/login-social.component.css
@@ -5,9 +5,10 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    margin-left: 80px;
-    height: 100%;
-    margin-top: -70px;
+    width: 100%;
+    max-width: 360px;
+    margin: 70px auto 0; 
+    height: auto;
 }
 
 .google-button {
diff --git a/src/app/pages/login-social/login-social.component.html b/src/app/pages/login-social/login-social.component.html
index 03d4e78a..91e72253 100644
--- a/src/app/pages/login-social/login-social.component.html
+++ b/src/app/pages/login-social/login-social.component.html
@@ -1,10 +1,6 @@
 <div class="container">
-
-        <button class="google-button"><span>Continuar com o Google</span></button>
-        <button class="facebook-button"><span>Continuar com o Facebook</span></button>
-        <button class="email-button"><span>Continuar com e-mail</span></button>
-        <a href="" class="cadastro">Cadastra-se</a>
-    
-
+    <button class="google-button" (click)="loginWithGoogle()"><span>Continuar com o Google</span></button>
+    <button class="facebook-button" (click)="loginWithFacebook()"><span>Continuar com o Facebook</span></button>
+    <button class="email-button"><span>Continuar com e-mail</span></button>
+    <a href="" class="cadastro">Cadastra-se</a>
 </div>
-
diff --git a/src/app/pages/login-social/login-social.component.ts b/src/app/pages/login-social/login-social.component.ts
index d8e6d1a7..90272a6a 100644
--- a/src/app/pages/login-social/login-social.component.ts
+++ b/src/app/pages/login-social/login-social.component.ts
@@ -1,10 +1,23 @@
 import { Component } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-login-social',
   templateUrl: './login-social.component.html',
   styleUrls: ['./login-social.component.css']
 })
-export class LoginSocialComponent {
 
-}
+export class LoginSocialComponent  {
+
+  constructor(private router: Router) {}
+
+  loginWithGoogle() {
+    
+    window.location.href = 'http://localhost:8000/auth/login';
+  }
+
+  loginWithFacebook() {
+    
+    window.location.href = 'http://localhost:8000/facebook';
+  }
+}
\ No newline at end of file