diff --git a/src/app/login/login.component.css b/src/app/login/login.component.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..a343752e8643fe001830798dd35b2f995de8bb34 100644
--- a/src/app/login/login.component.css
+++ b/src/app/login/login.component.css
@@ -0,0 +1,21 @@
+.btn-primary {
+    color:  #f1f1f1;
+    background-color: #1a4273;
+    border-radius: #1a4273;
+  }
+  
+  .btn-primary:hover {
+    box-shadow: inset 0 0 0 20rem var(--darken-1);
+  }
+  
+  .btn-primary:active {
+    box-shadow: inset 0 0 0 20rem var(--darken-2),
+      inset 0 3px 4px 0 var(--darken-3),
+      0 0 1px var(--darken-2);
+  }
+  
+  .btn-primary:disabled,
+  .btn-primary.is-disabled {
+    opacity: .5;
+  }
+  
\ No newline at end of file