diff --git a/phronCare.UIBlazor/Shared/LoginView.razor.css b/phronCare.UIBlazor/Shared/LoginView.razor.css
index 9b870f5..adcbd6d 100644
--- a/phronCare.UIBlazor/Shared/LoginView.razor.css
+++ b/phronCare.UIBlazor/Shared/LoginView.razor.css
@@ -1,4 +1,4 @@
-.btn-logout {
+/* .btn-logout {
     text-decoration: none !important;
     margin-left: 20px;
     padding: 8px 8px 8px 8px;
@@ -6,4 +6,21 @@
     border-radius: 4px 12px 12px 12px;
     color: white;
     cursor: pointer;
+} */
+.btn-logout {
+    background-color: rgb(0, 123, 255); /* Azul brillante */
+    color: white;
+    padding: 8px 16px;
+    border: none;
+    border-radius: 10px;
+    cursor: pointer;
+    font-family: Arial, sans-serif;
+    font-size: 14px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra ligera */
+    transition: all 0.3s ease;
+}
+
+.btn-logout:hover {
+    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Sombra más pronunciada */
+    transform: translateY(-2px); /* Efecto de levantar */
 }
\ No newline at end of file