button {
     background-color: #04AA6D; /* Green background */
      border: none; /* Remove default border */
       color: white; /* White text */
        padding: 14px 28px; /* Space inside button */
         text-align: center;
          text-decoration: none;
           display: inline-block;
            font-size: 16px;
             border-radius: 8px; /* Rounded corners */
              cursor: pointer; /* Pointer on hover */
               transition-duration: 0.3s; /* Smooth hover effect */
           }
           button:hover {
                background-color: #028a57; /* Darker green on hover */
            }


            /* Focus for accessibility */
            .login-btn:focus {
                    outline: 3px solid #80e27e;
                        outline-offset: 2px;
                    }

                    /* Active click effect */
                    .login-btn:active {
                            transform: translateY(0);
                                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
                            }

.label{
float: center;
  width: 144px;
  color: #56A5EC;
  font-size: 16px;

}